Attio
白色基底、紧密字距与细线分隔。
Tally Forms
浅灰色基底、居中构图与网格布局。
页面以浅灰色为基底，搭配棕色文字。字体采用 Inter。视觉特点包括居中构图、网格布局、产品图像展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有主要操作按钮必须使用#0070d7，禁止将洋红或其他任何色彩用于填充。
- 仅将#f81ce5用于线稿、图标笔触、装饰性卡片边框及偶尔的高亮环；它绝不能作为按钮填充或大面积背景使用。
- 所有标题均使用Inter 700–800字重，字间距-0.031em——正是这种紧密的字间距让64px的展示标题显得编辑化而非企业化。
- 当卡片需要呈现产品表面质感时，搭配白色10px圆角卡片与四层暖色阴影堆叠；对于更简单的特征卡片，则使用单层3px/12px阴影。
- 在页面边距中使用Ink和洋红的1.5–2px笔触浮动呈现手绘草图和下划线装饰——这些元素应显得松散、偏移中心，而非网格对齐。
- 保持页面画布为#e0e0df，由白色卡片承担视觉主导——避免引入除Mist（#f3f3f3）层级之外的额外灰色表面层次。
- 所有按钮、输入框和标签使用7px圆角，所有卡片使用10px圆角——这两个数值定义了系统的圆角语言。
建议避免
- 禁止将#f81ce5用作按钮背景、链接色或正文文本颜色——它是一种装饰性和表现性的色彩，而非界面填充色。
- 禁止引入新的色彩强调（绿色、橙色、紫色）——该系统刻意仅使用两种主色（蓝色用于操作，洋红用于表达）加上温暖中性色系。
- 禁止使用纯黑色（#000000）作为正文文本——正文文本色为Ink（#37352f）；仅将黑色用于标题边框和深色页眉按钮。
- 禁止在标准卡片上使用大范围厚重阴影或彩色光晕——仅保留暖调1px边框+柔和模糊堆叠作为唯一提升语言。
- 禁止在下部特征区域将正文居中对齐——卡片和段落应左对齐，以保持编辑式阅读节奏。
- 禁止将草图装饰扩展为满幅横幅或首屏背景——它们是页边装饰，而非主要视觉内容。
- 禁止将卡片圆角设为16px或更大，禁止将按钮圆角设为胶囊形（9999px）——10px和7px是系统的圆角语汇。
