Attio
白色基底、紧密字距与细线分隔。
Shade
白色基底、胶囊形控件与渐变展示。
页面以白色为基底，搭配近黑色文字。字体采用 Inter Display、Aux Mono。视觉特点包括胶囊形控件、渐变展示、紧密字距、细线分隔。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 仅在主要胶囊按钮上使用硬偏移阴影（8px 8px 0px 0px #f1f1f1）——禁止对任何抬升效果使用模糊或扩散
- 将Inter Display设置为400字重，仅此而已；由大小和-0.03em字间距来传递层级，禁止切换到粗体
- 将#855cf7专用于标识渐变和激活标签的底线下划线——其他所有强调色必须为柔和的#dacefd薰衣草色
- 每个主要行动号召（CTA）必须配对一个透明描边的次级按钮，半径和内边距完全相同，均为35px
- 主要区块之间间距为100px，行内元素之间为10–12px，卡片内部为24px
- 将摄影内容视为满幅填充且无边框——让白色画布如画廊墙面一般将其框住
- 所有眉题标签、时间戳和标签页标题均使用 Aux Mono，字号 14px，字间距 -0.04em。
建议避免
- 禁止引入额外的品牌色或饱和填充——该系统设计上为99%无彩色
- 禁止在按钮上使用柔和的模糊阴影；其标志性特征是硬质、实心的纸质剪裁偏移
- 禁止加粗标题或在Inter Display中使用500字重以上的字重——单字重层级的设计是刻意为之
- 禁止将激活标签圆润为胶囊背景；唯一的可接受指示是2px紫色下划线
- 禁止为区块或卡片添加渐变背景——渐变仅用于品牌标识
- 禁止使用超出定义尺度的圆角值（35/20/14/9/2px）
- 禁止对超过两行的正文段落进行居中对齐——该系统整体左对齐，仅标题居中显示
