SuperAPI AI 工具集

clean-minimal-beige-light-mode

设计与创作

查看项目

更新于 10-15 21:09

技能介绍

用途:将本技能作为完整设计系统方向,应用于页面背景、首屏、外壳、网格模块、卡片、按钮与动效。适合界面需要轻盈、平静、高级且面向流程的场景,用暖米色中性色替代冷白色企业风 UI;它不是通用明亮 SaaS 风,也不是繁复纸张系统,应保持干净、极简、安静可用。

主要能力:在米色、石色、奶油色与米白表面上构建分层页面,配极低对比边框与细微色调分隔;使用居中的主容器或框架式应用外壳承载整体体验;将简单居中首屏与模块化下方信息网格或流程布局配对,区块等分;强调色保持稀疏且有目的,仅用于关键徽章、活动指示、进度或主操作状态;不依赖重阴影、强渐变或繁重装饰。

实现指引:背景宜用暖中性色,主 UI 后加柔和径向或手绘感浅洗,而非纯平白;用细边框、柔和分隔线与克制面板对比建立层级;下方内容组织为刚性模块网格,等列、安静标签、短描述与简单功能示意组件;按钮与胶囊应轻盈精致低调,使用柔和填充、极小或低圆角与细微边框;字体保持现代可读,干净无衬线、适度字重对比、安静字距与均衡间距;动效应细微干净,遮罩文字显现、轻淡淡入与柔和背景漂移即可。

推荐模式:暖中性大首屏配居中标题、小徽章与极简 CTA 堆叠;框架式应用外壳或产品区块使用浅米色背景与细内部分隔线;流程列或模块化信息面板高度一致、描述克制;少量深色或带色调内嵌卡片作为对比点;小状态点、低调进度条与最简审批或路由卡片传达流程而不杂乱。

调节项:米色温度可从偏冷石色到偏暖羊皮纸色调整;对比度需保持外壳与面板足够分离但避免黑白硬跳;强调色仅作信号色;网格密度需信息丰富仍透气;表面柔和度允许轻微阴影与渐变但整体克制。

避免:冷灰边框无暖意的刺眼白色 SaaS 布局;过度装饰的纸张纹理、复古做旧或华丽编辑风格;重阴影、高饱和强调色或厚重卡片;每个模块内容过满导致流程网格嘈杂;把设计做成仪表盘重系统而非平静结构化产品展示。官方收费、价格与平台信息暂未提供。