Attio
白色基底、紧密字距与细线分隔。
Public
近白色基底、胶囊形控件与圆角卡片。
页面以近白色为基底，搭配近黑色文字。字体采用 Denton、Invest Pro。视觉特点包括胶囊形控件、圆角卡片、扁平表面、衬线字形。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 在展示标题48px及以上时，专用于Denton 300字重——这种轻声细语的衬线字体是品牌的最具识别度元素。
- 保持配色95%单色；#0027b3 紫罗兰色仅出现在文本链接和罕见的内联强调中。
- 所有按钮使用100px边距圆角——每个交互元素都应读作胶囊形。
- 各区块间距至少设置为64px；编辑性的宽敞感是不可妥协的。
- 卡片和内容面板使用16px边距圆角，标签和小型UI元素使用4px。
- 仅将双色调发光阴影应用于主要行动号召（CTA）——这是色彩作为抬升存在的唯一位置。
- 使用 Invest Pro 用于中等规模标题（20-32px），以及 Inter 用于16px及以下所有内容。
建议避免
- 绝不使用Denton 400字重及以上——轻声细语的轻字重才是核心所在。
- 禁止引入额外的强调色；系统为单色加一种紫罗兰色。
- 禁止在按钮上使用8px或12px圆角——仅100px的胶囊形才是按钮。
- 避免使用厚重阴影；深度来自画布与卡片之间的对比，而非堆叠高度。
- 禁止在48px及以上展示文本中使用无衬线字体——衬线字体才是标志。
- 禁止用#0027b3紫罗兰色填充按钮；主要行动号召始终为哑光黑色。
- 禁止对正文段落进行居中对齐；只有标题和短标签获得居中处理。
- 避免使用装饰性渐变——该系统是扁平的，而非三维的。
