Attio
白色基底、紧密字距与细线分隔。
Qatalog
白色基底、渐变展示与紧密字距。
页面以白色为基底，搭配深蓝色文字。字体采用 Plus Jakarta Sans、Inter。视觉特点包括渐变展示、紧密字距、扁平表面、分屏构图。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有主要文本和深色表面填充使用 #292d34 墨色；禁止引入第三种接近黑色的色调
- 仅将 Iris #7b68ee 用于交互文本链接、功能标签和装饰边框——禁止作为背景填充或大标题颜色使用
- 所有按钮、导航胶囊控件和内联链接的圆角半径统一设为 9px；仅在卡片和大图容器中使用 18px
- 在 Plus Jakarta Sans 所有 40px 及以上字号的标题上，应用 -0.035em 至 -0.047em 的字间距；这种紧密字间距是标志性特征
- 12-14px大写眉题标签采用Sometype Mono（或等宽替代字体），绝不用于正文。
- 页面背景保持纯白色 #ffffff；仅在透明描边控件或导航凹槽后方引入 #f0f0f0 霓光淡色
- 页面中仅允许深色首屏区域卡片和渐变 CTA 区域为深色表面；其余所有区域保持明亮
建议避免
- 禁止使用 Iris #7b68ee 或 Aubergine #514b81 作为按钮背景填充——按钮始终为 Charcoal #202020 或透明描边样式
- 禁止为卡片或按钮添加阴影；系统为平面设计——深度仅来自深色表面的对比
- 禁止在任何位置使用超过 30px 的圆角；9px/18px 的配对是系统标准
- 禁止引入第三种强调色；双紫色调系统（Iris + Aubergine）构成完整的色彩语汇，加上渐变面板
- 禁止使用衬线体、展示体或装饰性字体；整个字体系统由 Plus Jakarta Sans 和 Inter 承载
- 除 Ink #292d34（主色）和 Slate #646464（次色）外，正文内容禁止使用其他颜色；Ash #838383 为中性文本的基准色
- 禁止打破紧凑的间距节奏，避免使用 60-80px 的宽泛元素间距；内部 UI 间距保持在 4-20px，80-120px 仅用于区块间分隔
