Attio
白色基底、紧密字距与细线分隔。
Tailwind CSS
白色基底、等宽字体与网格布局。
页面以白色为基底，搭配近黑色文字。字体采用 Inter、IBM Plex Mono (plexMono)。视觉特点包括等宽字体、网格布局、宽松留白、产品图像展示。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 在所有尺寸上使用 Inter 字体，并设置 font-feature-settings: '"cv02", "cv03", "cv04", "cv11"' —— 这些替代字形是 Tailwind 排版身份的必要组成部分。
- 在 Inter 文字上全局应用 -0.05em 字间距；在 96px 时压缩为约 -4.8px，使展示文本呈现出紧密排列的报纸质感，这种效果在首屏区域可见。
- 使用内嵌的 1px 环形阴影 (`oklab(0.129999 -0.00404751 -0.027702 / 0.1) 0px 0px 0px 1px inset`) 代替卡片上的 CSS 边框 —— 这可以防止布局偏移，并与全页面使用的精确表面处理保持一致。
- 将 32px 圆润边角的按钮专用于主要操作按钮（CTA）；所有次要标签、版本标识和代码标签均使用 4px 边角。
- 使用 IBM Plex Mono 字体渲染内联代码引用，字间距为 +0.1em，并包含 '"ss02", "zero"' 特性 —— 宽字间距能直观地将代码片段与周围文本区分开来。
- 仅在代码块和内联代码引用中使用语法高亮颜色（#00a6f4、#e60076、#96f7e4）—— 严禁用于 UI 边框、按钮颜色或装饰填充。
- 在各区块眉题标签上使用全大写 Inter 600 字体，字号 12px，搭配 Syntax Sky (#00a6f4) 颜色——这是营销页面中唯一反复出现的非黑色 UI 元素。
建议避免
- 页面各部分的背景色仅限使用 #ffffff 或 #030712 系列深色，整个营销站点在纯白与近黑色之间交替；任何中灰色背景都会破坏整体色调的统一性。
- 卡片或内容容器的圆角大小不得超过 8px——只有圆形按钮（32px）和版本标签（16px）使用大圆角；卡片保持 8px 圆角。
- 不要将强调色（天空蓝、亮粉红、薄荷绿）应用于导航项、标题或UI按钮——这些颜色仅限用于代码语法上下文中。
- 不要将IBM Plex Mono用于除代码块和内联代码徽章之外的任何场景——标题、导航项或正文内容均不应使用等宽字体。
- 不要为赞助商徽章或部分区域的卡片网格添加投影效果——仅内嵌环形阴影提供深度感知；外部投影仅限于提升状态的叠加卡片使用。
- 在展示尺寸下，标题的字重不应低于700——首屏区域的权威感完全来自于字重与字号的结合，而非颜色或装饰。
- 不要在界面外围元素中引入渐变效果——广泛的渐变色彩数据代表的是Tailwind配色方案文档的色卡系统，而非页面装饰。
