Attio
白色基底、紧密字距与细线分隔。
Subframe
近白色基底、大字排版与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 Inter、Instrument Serif。视觉特点包括大字排版、细线分隔、扁平表面、衬线字形。适合参考的场景：设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 填充按钮背景使用#242424，文字使用#fafafa；这一对比是系统唯一醒目信号。
- 所有18px及以上标题采用-0.025em字间距，展示字号（96px+）收紧至-0.05em，以形成极端的图形压缩。
- 所有卡片、图片和导航容器使用24px圆角，按钮16px，9999px仅用于胶囊形分段控件。
- 表面层级以一级明度变化分隔（#fafafa画布 → #ededed卡片），而非阴影高度。
- 在Inter标题内部或之后放置单个Instrument Serif短语，作为编辑式标点，绝不用衬线字体呈现完整句子或正文。
- 区块间隔保持48–64px，以维持宽裕舒适的密度；呼吸空间让单色调色板显得高级而非严肃冷峻。
- 所有合作伙伴标志和装饰图标都采用灰度（#5c5c5c或#a3a3a3），以保持系统的无色彩规则。
建议避免
- 绝不在界面中引入彩色；1%的色彩丰富度来自结构而非偶然，任何强调色都会破坏编辑式系统。
- 绝不用投影表现高度，改用#ededed卡片背景或#e5e7eb边框。
- 有Instrument Serif可用时，96px以上展示标题绝不使用Inter；衬线与无衬线对比是标志性特征。
- 绝不使用#000000纯黑，改用#171717或#242424，两者均略暖，与犊皮纸画布相配。
- 交互元素圆角绝不低于16px；系统刻意柔和，圆角是品牌识别的一部分。
- 正文绝不使用400字重Inter，最低字重为500，以在压紧字间距下保持视觉密度。
- 装饰性标志带或合作伙伴色带绝不加背景，它们直接浮在画布上，以留白作为容器。
