Coda
白色基底、紧密字距与大字排版。
Superthread
白色基底、渐变展示与紧密字距。
页面以白色为基底，搭配深蓝色文字。字体采用 Vela Sans、Noto Sans。视觉特点包括渐变展示、紧密字距、扁平表面、居中构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 使用琥珀色→金色渐变（linear-gradient(83deg, #ffcc34 0%, #ffaa00 100%)）仅用于每屏一个行动号召按钮——绝不可在同一视图中出现两个竞争性的暖色操作。
- 为所有卡片、标签和结构容器设置1px实线#000000边框——系统呈现为扁平的编辑墨水，而非浮空的材质效果。
- 所有卡片、按钮和输入控件统一使用10px圆角——仅标签和胶囊形元素使用50px。
- 在首屏区域标题中的一个强调词上应用斜体加琥珀色下划线处理——黄色笔触是品牌的标志性特征，而非随意散落的装饰。
- 将展示标题设为80px，Vela Sans 600字重，字间距为-0.01em；紧密的字间距是其语气的一部分。
- 保持区块背景为#f9fafb与#ffffff之间的两色交替，区块间纵向间距保持在64–80px。
- 限制强调色的使用：琥珀色仅用于主要CTA、标题下划线和功能高亮——其余部分保持在深灰与墨水调色盘中。
建议避免
- 不要在卡片或面板上添加阴影——结构由边框定义，而非抬升。唯一例外是琥珀色CTA上的温暖光晕。
- 不要将琥珀色渐变用于次级按钮、链接或信息芯片——琥珀色是单次操作信号，而非装饰。
- 不要在标题中无限制使用斜体——斜体的泛滥会稀释品牌的标志性动作。
- 切勿在主要卡片上设置#e4e7ec或浅灰色边框——厚重的#000000 1px边框是结构表达的核心语言；仅在需要时使用Dust Border用于透明描边控件和细微分隔线。
- 不要使用小于32px或大于80px的显示尺寸——字体层级刻意狭窄，以确保标题具有主导力，正文保持紧凑。
- 不要在配色中引入第二个暖色——系统的强大来自单一暖色与单色墨水的对比。
- 不要在矩形组件中使用超过10px的圆角——10px圆角是系统的柔感上限，仅用于标签以打破常规。
