OpenServ
白色基底、衬线字形与渐变展示。
7shifts
白色基底、胶囊形控件与圆角卡片。
页面以白色为基底，搭配近黑色文字。字体采用 Regular、Nanum Pen Script。视觉特点包括胶囊形控件、圆角卡片、分屏构图、大幅摄影展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 使用 #4570ff 专用于主要操作——胶囊按钮半径为 9999px，内边距 12px × 24px，字重 16px 500，白色文字
- 选用 #ff6808（Ember Orange）作为标志性人格点缀：首屏下划线、特性板块背景、轮廓按钮——切勿用于正文或中性 UI
- 所有卡片设置 20px 圆角，所有按钮和标签设置 9999px 圆角，首屏面板和满幅区块边缘设置 40px 圆角
- 首屏标题（64px 及以上）设置 -0.05em 字间距；逐步收紧至 24px 时为 -0.02em，14px 正文时接近零
- Nanum Pen Script 仅与首屏或板块级标题搭配使用，且仅在单个关键词下方出现——它作为标点符号，而非连续的正文风格
- 用满幅黑色条带与温暖骨色（#f1f0ec）区块交替呈现，形成对比节奏，使粉彩与青绿点缀显得鲜活生动
- 在特性网格中轮换使用四种粉彩卡片变体（#ebdcff、#d6e0ff、#c293f1、#193f78、#244f47）以增加色彩变化，同时不引入新色值
建议避免
- 不要用 #ff6808 填充按钮——橙色是点缀，非操作色；唯一填充的操作色是 #4570ff
- 不要将 Nanum Pen Script 应用于正文、导航、按钮或低于标题层级的任何内容——过度使用会削弱其人格特质
- 不要使用阴影或厚重的堆叠层来分隔卡片——系统依赖填充对比（白色在骨色上、粉彩在白色上、黑色在图片上），而非投影阴影
- 不要引入新的饱和色用于 UI——色彩体系刻意简洁：仅一个靛蓝、一个橙色、一个青绿，以及四个粉彩变体
- 正文文本不要低于 14px 或高于 18px——可读范围狭窄，负字间距已针对此范围进行调校
- 不要将 #c6ff94（青绿高亮）用作非暗色或图片区域的背景——在白色背景下会显得低对比度且发灰
- 除14px、700字重的眉题标签外，任何文字都不要使用+0.025em疏开的字间距；它仅属于这一特定全大写标签样式。
