Attio
白色基底、紧密字距与细线分隔。
Tailscale
近白色基底、网格布局与大字排版。
页面以近白色为基底。字体采用 Inter、MDIO。视觉特点包括网格布局、大字排版、摄影展示。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 使用#eeebea作为页面画布——绝不默认使用#ffffff作为全页背景
- 所有标题使用Inter 300-400；仅将500-600保留给UI标签和按钮
- 所有卡片、导航栏和图片容器的border-radius设置为16px
- 最多在每行中使用一个Signal Red（#d04841）元素——它应像标点符号一样，而非装饰
- 为所有卡片的层级效果应用标志性阴影rgba(24,23,23,0.02) 0px 4px 8px 0px
- 所有小号全大写眉题标签和分类标签使用MDIO（或Space Grotesk 500 + 0.05em字间距）
- 保持80-96px的垂直区块间距，以保持系统的呼吸感
建议避免
- 不要使用纯#000作为文本或按钮颜色——始终使用#181717
- 不要使用明亮的蓝色、绿色或紫色作为CTA颜色——这些颜色仅用于产品UI截图
- 不要在展示性标题上使用粗体（700及以上）字重——300字重是其标志性风格
- 不要在卡片上使用尖锐的0px或4px圆角——按钮的最小圆角为8px，其余一律为16px
- 不要添加厚重的下投阴影（不透明度10%以上）——该系统依赖近乎不可见的层级效果
- 不要在页面中交替使用深色/浅色区块——始终保持在Bone画布上，仅将白色卡片从其上抬起
- 每页最多仅使用一个强调色——Signal Red是唯一的色彩表达
