Attio
白色基底、紧密字距与细线分隔。
Deno
白色基底、渐变展示与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 Moranga、Inter。视觉特点包括渐变展示、紧密字距、细线分隔、大字排版。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 每张卡片、每个按钮、标签和导航表面都使用6px圆角，它是将整个系统联系起来的几何常量。
- #70ffaf Electric Mint仅用于主要CTA、数据标签和安装栏高亮条；让它出现在其他地方会稀释冲击力。
- 最大标题采用Moranga、72px、字重700及-2.376px字间距；副标题降为Inter 36px及-0.9px字间距，让展示字体的语气保持少见。
- 薄荷色CTA搭配深色Graphite次要按钮，#70ffaf与#0a0e1c之间的对比是首屏视觉锚点。
- 代码使用Menlo 14px，放在带有1px #e5e7eb边框的#f8f9fc卡片内，绝不直接在画布上行内呈现。
- 安装栏和任何标志性命令表面都使用锥形渐变高亮条，即透明遮罩后扫过的#70ffaf渐变。
- 以128px间隔建立区块节奏，交替使用#f8f9fc画布与#ffffff卡片表面；绝不让两个卡片表面紧邻，而不给中间的画布留出呼吸空间。
建议避免
- 卡片或按钮不要使用完全胶囊圆角；9997px仅用于安装胶囊、标签块和搜索快捷键徽标。
- 不要为按钮引入新的彩色；按钮颜色仅有Electric Mint、Graphite/Charcoal，以及带Sky Pop边框的透明样式。
- 导航或页脚不要使用浓重阴影；它们是带极细边框的平坦表面，卡片阴影层级仅属于功能卡片和数据面板。
- 不要将Moranga混入正文；它只用于展示，正文段落保持Inter或Recursive。
- 小于14px的正文不要使用#0a0e1c，改为#475269或#56575a，以保持层级并减轻高对比度带来的疲劳。
- 不要将彩色文字放在彩色背景上；薄荷色标签始终使用墨色文字，黄色强调只放在白色或画布上。
- 不要将锥形渐变用作一般强调；它仅属于安装栏和命令表面，在那里发挥品牌标记的作用。
