Attio
白色基底、紧密字距与细线分隔。
Pietrastudio
白色基底、渐变展示与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 Attila-Bold、Attila Sans Uniform。视觉特点包括渐变展示、紧密字距、居中构图、网格布局。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 每屏恰好只有一个主要操作使用珊瑚色 #ff5c3c，绝不让两个珊瑚行动按钮竞争。
- 展示标题使用 Attila-Bold，40-48px，字间距 -0.02em；紧密字间距是编辑标志。
- 暖渐变色样系统 Royal、Sky、Verdant、Magenta、Sunrise 只用于分类标签与装饰卡片，不用于正文或背景。
- 阴影由内嵌高光加暖色投影叠成；奶油色上的奶油阴影将卡片与画布分离。
- 默认卡片圆角 12px，按钮和输入框 8px，标签 9999px；这个三级圆角系统是结构节奏。
- 正文保持 Labil Grotesk，16px，行高 1.5；0.143em 的大写字间距只留给小型全大写标签。
- 维持暖白色板：页面画布 #ffffff，浮起表面 #f8f6f2，强调卡片 #fffbe7；绝不引入冷灰。
建议避免
- 珊瑚色不要用于次要操作、链接或装饰；散布使用会削弱操作权重。
- Attila 不要用于正文或界面文字；它只用于展示，小字号会过于强烈。
- 分类渐变色样不要作为整张卡片背景或页面区块；它们是标签尺度的强调。
- 不要引入冷灰色调投影；所有阴影应带暖粉或奶油色调，匹配表面色板。
- 卡片或图片不要使用 0px 尖角；圆润几何是柔和纸感的关键。
- 单个组件中不要叠加多种饱和色；每个元素只用一种彩色强调，其余用灰度。
- 正文字间距不要宽于 -0.01em；系统始终紧密，放松会破坏字体声音。
