clean-minimal-beige-light-mode

name	clean-minimal-beige-light-mode
description	打造一套干净极简的米色浅色模式设计系统：暖色中性外壳、安静的流程网格、克制的强调色，以及优雅的低对比结构。

Clean Minimal Beige Light Mode Skill

何时使用

• 打造一套干净极简的米色浅色模式设计系统：暖色中性外壳、安静的流程网格、克制的强调色，以及优雅的低对比结构。

工作流程

适用范围

• 将其作为一套完整的设计系统方向，贯穿页面背景、主视觉、外壳、网格模块、卡片、按钮和动效。
• 当界面应显得轻盈、沉静、高级且以流程为导向，用暖色米色中性色而非冷白企业 UI 时使用。
• 这不是通用的明亮 SaaS，也不是华丽的纸张系统。它应保持干净、极简、安静地运作。

视觉目标

• 在层叠的米色、石灰色、奶油色和米白面板上构建页面，配以极低对比的边框和微妙的色调分隔。
• 使用一个居中的主容器或带框的应用外壳，以精确而低调的方式把体验凝聚在一起。
• 将一个简单的居中主视觉，与由均分区块构成的模块化下方信息网格或流程布局搭配。
• 让强调色稀疏而有目的，仅用于关键徽章、激活指示器、进度或主要操作态。
• 让设计不依赖强阴影、喧闹渐变或厚重装饰效果，也能显得高度有序且高级。

实现指引

• 优先在主 UI 之后采用暖色中性背景，配以轻柔的径向或手绘式晕染，而非扁平的纯白。
• 使用细边框、柔和分隔线和克制的面板对比，在区块与卡片之间建立层级。
• 把下方内容组织进一个严整的模块化网格，配以等宽列、沉静的标签、简短描述和简单的功能性模拟组件。
• 按钮和药丸标签应显得轻盈、精致、低调，采用柔和填充、微小或低圆角，以及微妙的边框处理。
• 排版应保持现代且易读：干净的无衬线、适度的字重对比、安静的字距，以及均衡的间距。
• 动效应微妙而干净：遮罩式文字显现、轻度淡入和轻柔的背景漂移足矣。

推荐模式

• 大面积暖色中性主视觉，配居中标题、小徽章和极简的 CTA 组。
• 使用浅米色背景和细内部分隔线的带框应用外壳或产品区块。
• 高度一致、描述性内容克制的流程列或模块化信息面板。
• 少量的深色或染色内嵌卡片，在大体明亮的构图中作为对比时刻使用。
• 微小的状态圆点、低调的进度条，以及极简的审批或路由卡片，在不显杂乱的情况下传达流程。

调节旋钮

• 米色暖度：根据品牌气质，在偏冷的石灰色与偏暖的羊皮纸色之间移动。
• 对比层级：在外壳与面板之间保留足够分隔以显清爽，但避免刺眼的黑白跳变。
• 强调色强度：仅把强调色当作信号色，而非主导整个配色。
• 网格密度：让模块化的下方区块信息丰富，但仍留出呼吸感。
• 面板柔度：允许阴影和渐变有轻微柔度，但让整体结果保持克制与极简。

应避免

• 冷灰边框、毫无暖意的惨白 SaaS 布局。
• 过度装饰的纸张纹理、复古做旧或华丽的编辑花饰。
• 打破沉静极简基调的厚重阴影、高饱和强调色或厚卡片。
• 把每个模块塞满过多内容，直至流程网格显得嘈杂。
• 把设计变成一个仪表盘堆砌的系统，而非一份沉静有序的产品展示。