Attio
白色基底、紧密字距与细线分隔。
Arcade
近白色基底、渐变展示与紧密字距。
页面以近白色为基底，搭配深蓝色文字。字体采用 Inter、Balig Script。视觉特点包括渐变展示、紧密字距、细线分隔、分屏构图。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 每个视口仅使用#2142e7（电压蓝）为一个元素：主要的CTA、激活的标签页或聚焦的输入框——绝不能在同一视觉权重下出现两个蓝色填充。
- 仅将首屏渐变应用于页面顶部的品牌区域；在特性首屏面板中可重复使用，但仅限于较小尺度。
- 在展示尺寸（36–64px）下，字重设为700，字间距控制在-0.020em至-0.025em之间，以实现视觉上的字形收紧。
- 按钮和标签页使用12px圆角，输入框和卡片使用16px圆角，标签和公告胶囊控件使用9999px圆角——同一种组件类型中不得混合使用不同尺寸。
- 通过六层rgba(17,24,39,0.04)阴影堆叠和1px边框环来构建层级感，而非单层硬阴影。
- 正文文字保持#4b5563在白色背景上——仅将#111827用于标题和深色表面，以维持从静谧到突出的层级关系。
- 所有深色表面（#111827）使用 92–102deg 的线性渐变向 rgba(30,43,72,0.9) 过渡，避免呈现平板的黑色。
建议避免
- 不要引入第二种饱和色——系统为单色加一种蓝色；加入绿色、红色或橙色会破坏色彩控制。
- 不要在卡片上使用1px或2px的硬阴影——该设计的层级感来自扩散的多层阴影堆叠。
- 不要在圆角大于12px或小于8px的按钮上使用——12px圆角是系统标志性的柔和感，不是胶囊形，也不是锐角正方形。
- 不要在标题中使用500字重，或在展示文本中使用400字重——字体字重阶梯必须以两步递进（400、600、700）。
- 不要将首屏渐变应用于导航、卡片或正文区域——它仅属于满幅品牌展示场景。
- 不要在任何不透明度低于0.9时将白色文字置于白色背景上——系统的对比度配对均为AAA，必须保持一致。
- 不要将#e5e7eb用作交互元素的填充色——它仅作为边框令牌，而非表面填充。
