Attio
白色基底、紧密字距与细线分隔。
Asana
白色基底、胶囊形控件与宽松留白。
页面以白色为基底，搭配近黑色文字。字体采用 Ghost、TWK Lausanne。视觉特点包括胶囊形控件、宽松留白、居中构图、产品图像展示。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 在顶级显示标题中，专用于 Ghost 字体，字号 60-72px，字间距 -0.0070em，其他任何元素均不得在此尺度竞争
- 所有 CTA 按钮（主次）和过滤标签芯片的边框半径均设为 100px 以上，形成唯一柔和的形态——在整体角形组件集合中，仅此为软性元素
- 保留 #222875（Asana Violet）用于产品 UI 框架和信息容器——禁止用作按钮填充或板块背景
- Coral Blush（#ffeaec）背景必须与 Deep Coral（#690031）文本配对使用——二者为固定语义组合，不可互换
- 保持近乎无色的页面画布（#ffffff 主色，#f3f3f3 次色），仅在小范围内引入珊瑚或紫罗兰作为局部强调，禁止作为完整板块背景
- 所有正文使用 TWK Lausanne 300 字重以保持开放、非紧迫的阅读质感——400 字重用于 UI 标签和导航，500 字重用于副标题和 CTA
- 卡片边框设为 1px 实线 #e7e7e7，半径 10-16px——内容卡片不添加阴影；层级感仅通过色彩对比传达
建议避免
- Ghost 字体在小于 60px 时不可使用——所有小于显示标题的层级均应使用 TWK Lausanne 500 粗细处理
- 禁止将胶囊按钮半径（100px 以上）应用于卡片、输入框或模态容器——该形态语言专属于交互操作元素
- 禁止用饱和的 #222875 或任何饱和色填充完整页面板块——紫罗兰与珊瑚仅出现在独立的 UI 框架或芯片级元素中
- 禁止在标题中使用正字间距——所有 20px 及以上字号的标题，字间距为负或零
- 禁止在同一组件中混合珊瑚与紫罗兰强调家族——二者作为独立语义线运行
- 禁止为特色卡片添加阴影提升——边框本身定义卡片边界；阴影破坏了平面、印刷般的质感
- 禁止正文字重高于 400——500 字重仅限用于标签、CTA 和副标题角色
