Twingate
近黑色基底、胶囊形控件与大字排版。
Altitude
近黑色基底、衬线字形与渐变展示。
页面以近黑色为基底，搭配近白色文字。字体采用 Libre Baskerville、Inter。视觉特点包括衬线字形、渐变展示、细线分隔、摄影展示。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有区块标题和展示标题都使用 Libre Baskerville，字重为 400，字号为 36–72px，绝不以无衬线字体替换。
- 维持 #111 → #181 → #1f → #26 → #32 的表面叠层，各级亮度大约提升 5–10%。
- 所有按钮、输入框和徽章使用 4px 圆角，卡片使用 8px；16px 只用于大型图像容器。
- 正文保持 Inter、14px、字重 400 和 #eeeeee；弱化辅助文字使用 #a4a19b，占位符使用 #5e5d59。
- 基准采用 8px 元素间距与 12px 卡片内边距；区块节奏按 24/32/64/80px 阶梯放大。
- 让山脊线图形或风景摄影承担视觉叙事。不使用渐变网格、3D 球体或霓虹发光。
- 通过字重、边框和字间距，而非颜色传达状态；#2b7fff 只留给行内链接和焦点环。
建议避免
- 标题不要使用字重 700 的粗体。Libre Baskerville 字重 400 才是声音，更重字重会破坏编辑语气。
- 不要引入新的强调色。系统采用单色加一种蓝色，以绿、红、黄表示语义状态会破坏约束。
- 卡片或按钮不要使用重投影。这里的阴影是 0.05 不透明度的轻声处理，而非 0.3 不透明度的抬升。
- 圆角不要超过 16px。直线式的 4–8px 语言是标志，9999px 胶囊形会显得格格不入。
- 正文不要使用白色 #ffffff。#eeeeee 更柔和，也是 #181818 背景上正确的前景色调。
- 标题不要让 Inter 与另一种无衬线字体搭配。Inter/Baskerville 的二元关系是系统唯一字体组合。
- 界面表面不要使用渐变。唯一检测到的渐变位于风景图像上，而不在任何卡片或按钮上。
