Dovetail
近黑色基底、等宽文字标注与分屏构图。
Index
近黑色基底、细线分隔与扁平表面。
页面以近黑色为基底，搭配白色文字。字体采用 Raveo Variable、Geist Mono。视觉特点包括细线分隔、扁平表面、胶囊形控件、单栏阅读排版。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有 ≥32px 展示标题都使用 Raveo Variable 字重 1000。这是系统最鲜明的手法，让界面具有建筑感，而非普通 SaaS 感。
- 每个内容区块都包在 1px 虚线容器中：Carbon 上使用 #000，浅底上使用 #1c1c1c。虚线边框本身就是区块设计，而非备用方案。
- 展示标题采用 70px、1.10 行高和 -0.04em 字间距。其他元素都克制时，紧密块状轮廓承担页面表现。
- #7089ba 只限量用于批注角色，包括勾选图标、插画强调和小型数据节点填充。绝不用作整块按钮、大面积填充或文字。
- 所有全大写眉题、步骤标签和版本标签都使用 9px 的 Geist Mono，字间距为 +0.02em。这是唯一等宽展示场景，并强化技术语气。
- 按钮圆角保持 100px，形成完整胶囊。1px 白色边框、无填充的轮廓幽灵按钮，是系统唯一操作样式，不引入实心按钮。
- 保持 #000000 → #1c1c1c → #808080 的哑光平面表面叠层。绝不引入投影，纵深来自表面抬升与虚线围合，而非悬浮效果。
建议避免
- 不要引入无彩色叠层与 #7089ba 长春花色之外的颜色，不使用绿、红、橙或强调渐变。0% 彩色感就是设计重点。
- 标题不要使用 Raveo 字重 400。70px 下任何低于 1000 的字重，都像完全不同的系统。
- 需要虚线的位置不要改用 1px 实线。实线边框会打破蓝图比喻，让界面像普通深色仪表盘。
- 卡片或按钮不要添加投影、发光或模糊。系统只通过 Carbon-on-Void 表面抬升暗示悬浮层次。
- 正文段落不要居中。居中只用于首屏标题和短 CTA，功能面板与描述应左对齐。
- #7089ba 不要用作按钮填充或激活链接背景。它是装饰批注，而非品牌操作色；操作保持深底白色轮廓胶囊。
- 不要打破文字尺度来增加中间字号。完整集合为 9 / 12 / 14 / 16 / 24 / 32 / 70，改用 18 或 28 会破坏节奏。
