Doppler
近黑色基底、圆角卡片与渐变展示。
Penpot
近白色基底、大字排版与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 Work Sans、Times。视觉特点包括大字排版、细线分隔、扁平表面、居中构图。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 使用 #1ccac7 填充，搭配深空紫文字，作为每屏唯一的主行动按钮——其稀缺性正是其强大的原因
- 将首屏标题设置为 48-72px 的 Work Sans 700 字重，字间距 -0.028em，并将最终一个词的颜色设为 #1ccac7 以呼应品牌风格
- 所有控件（按钮、输入框、链接）使用 8px 圆角，卡片使用 20px 圆角——双圆角系统是几何规则
- 通过色彩块区分深色区域（深空紫）与浅色区域（米白），而非通过阴影或分隔线
- 在所有 Work Sans 尺寸中统一应用 -0.028em 字间距——这种收紧的字间距赋予了几何形态建筑般的质感
- 在浅色表面的卡片边缘和区块分隔线使用 1px #eeeeee 边框；在深色表面的透明控件使用 1px #fafafa 边框
- 保持色彩配比：青色仅出现在行动号召（CTA）、一个标题词和激活标签指示器中——绝不用于正文、图标或背景
建议避免
- 任何地方都不使用阴影——Penpot 通过色彩对比和细线边框构建深度，而非通过堆叠或立体感
- 不要将 #1ccac7 用于正文、图标或大面积背景填充——该强调色必须严格限制在单个词和按钮填充中
- UI 框架中不要引入额外的色彩——该系统本意为单色主导，仅保留一个强调色；让产品截图承载色彩表达
- 不要使用纯白（#ffffff）作为背景或文字——#fafafa 略带暖感，与深紫搭配更佳
- 不要随意混合圆角值——控件为 8px，卡片为 20px，胶囊形控件为 9999px。绝不使用 4px 或 12px
- 不要将标题使用 400 字重——700 字重搭配收紧字间距才是标题的语气；500 字重用于 UI 标签
- 不要将青色和紫色置于同一小区域内（除产品 UI 截图外）——紫色与青色的搭配之所以有效，是因为它们位于价值尺度的相反位置，且极少共享实际空间
