Twingate
近黑色基底、胶囊形控件与大字排版。
Authkit
近黑色基底、网格布局与磨砂表面。
页面以近黑色为基底，搭配浅蓝色文字。字体采用 Untitled Sans、aeonikPro。视觉特点包括网格布局、磨砂表面、渐变展示、大字排版。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 所有交互元素（按钮、社交登录按钮、标签切换）使用 999px 半径；仅保留 16px 半径用于卡片和弹窗，6px 用于徽章和输入框，9999px 用于圆形图标容器。
- 通过内嵌的磨砂高光 + 柔和的外部光晕构建立体感，而非传统阴影：搭配内嵌 rgba(216,236,248,0.2) 1px 顶部边框，配合 24-48px 内嵌发光，以及冷调的深色投影。
- 认证表单中的「继续/提交」CTA 仅使用 Void Violet（#663af3）——绝不作为装饰性强调或非认证按钮背景使用。
- 标题使用 aeonikPro，字重 500、字号 44-48px，并应用 Skywash 垂直渐变（#d8ecf8 → #98c0ef）；正文和 UI 使用 Untitled Sans，字重 400-500。
- 将全大写眉题标签（dotDigital，15px，0.10em 字间距，#c7d3ea）居中放置，两侧配以 rgba(186,215,247,0.12) 的渐隐水平线，标记每个区块的起始位置。
- 使用 rgba(186,215,247,0.12) 作为通用细线边框——绝不使用实线；磨砂内嵌边框是系统的边框语言。
- 区块间距设为 120px，卡片内边距设为 24px；节奏应呈现大教堂般恢弘，而非密集的 SaaS 风格。
- 文字渲染采用 Ice Highlight → Frost Glow → Moon Mist → Fog Veil 递进效果（#d8ecf8 → #d1e4fa → #c7d3ea → #9da7ba），用于标题 → 正文 → 淡化正文 → 辅助说明。
- 在每个满幅首屏顶部使用圆锥渐变聚光光环（中心 rgba(124,145,182,0.5)，向外渐变）以锚定整体构图。
建议避免
- 禁止引入额外色彩强调——色彩系统为单色，仅有一个紫罗兰色 CTA；任何额外色相均破坏系统统一性。
- 禁止使用实色边框；应替换为 1px 内嵌 rgba(186,215,247,0.12) 轨迹以保持玻璃质感。
- 禁止在 aeonikPro 展示标题中使用粗体字重（600 及以上）——标志的权威感来自大字号 500 字重，而非字重体积。
- 禁止使用传统阴影；系统通过内嵌辉光 + 深色光环读取立体感。
- 禁止在同类型组件上混合半径体系——所有按钮为胶囊形，所有卡片为 16px，所有徽章为 6px。
- 禁止在背景色调亮度高于 rgba(186,214,247,0.12) 时使用白色（#ffffff）——对比度基准将崩溃。
- 不要将 Skywash 渐变用于正文或按钮；它仅供展示字标和最大的标题使用。
- 禁止引入亮色主题色彩进入核心色值，即使产品支持亮色模式；营销站点为暗色优先，亮色模式演示是产品功能，而非设计系统配色。
