Attio
白色基底、紧密字距与细线分隔。
Eco
白色基底、渐变展示与紧密字距。
页面以白色为基底。字体采用 Interdisplay、Roobert。视觉特点包括渐变展示、紧密字距、宽松留白、扁平表面。适合参考的场景：区块链项目介绍页、生态网站首页。
查看原始网站使用规范
建议采用
- 所有表面和文字只使用#ffffff、#efefef及5级深色尺度（#0f111a → #141414 → #2a2a2a → #222222 → #000000），绝不引入彩色UI颜色。
- 显示标题渲染为 84–96px，字间距在 -0.03em 至 -0.04em 之间；正是这种激进的负字间距，使字体呈现出建筑感。
- 以浅色与深色满幅分区交替作为页面主节奏；页面若始终全白或始终全暗，就会破坏拱顶般的节奏。
- 仅在控件内部或旁边的小型 8–16px 强调标记上使用蓝色渐变（linear-gradient(90deg, #1c53bd, #53adfe)）——禁止作为填充，禁止作为背景。
- Interdisplay 与 Roobert 仅使用 400 字重；系统通过放大来表达强调，而非通过加粗。
- 卡片、按钮、输入框和导航组件使用 8px 圆角，仅在标签或罕见的全胶囊控件中使用 128px 圆角。
- 在每个展示标题上方16–24px处放置Fragmentmono全大写眉题，字间距为0.018em。
建议避免
- 禁止使用色彩来表示状态或层级——系统依赖亮度、尺寸和细线边框进行所有区分。
- 不要使用投影、辉光效果或彩色盒阴影来表现抬升；深度通过色调变化表达，而非扩散阴影。
- 不要在列出的五种字体家族之外引入第二种字体家族；即使是微小增添，也会削弱拱顶式的排版纪律。
- 正文或UI文字不要低于14px或高于22px；字号尺度从副标题（24px）直接跳到heading-sm小标题级别。
- 禁止将蓝色渐变应用于按钮背景、首屏叠加层或区块填充——它仅作为标记级点缀。
- 禁止在同一区块内混合亮色与暗色元素；单个区块必须坚持一种亮度模式。
- 禁止使用填充图标、彩色图标或带有渐变的图标；所有图标均为 1.5px 线宽的单色。
