Twingate
近黑色基底、胶囊形控件与大字排版。
GitButler
近白色基底、细线分隔与分屏构图。
页面以近白色为基底，搭配近黑色文字。字体采用 But Head、Inter。视觉特点包括细线分隔、分屏构图、圆角卡片、文字主导。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 使用 Paper #f3f2f1 作为默认页面底色，Ink #1c1917 作为默认文本颜色。
- 首屏标题使用 But Head 82px/82px 字号/行高，字重 400，字间距 -0.82px。
- 区块标题使用 But Head 60px/60px 字号/行高，字重 400，保持正常字间距。
- 说明性文案使用 Inter，16px/24px 字号/行高，字重 400，颜色为 Warm Gray #7c716a。
- 技术网格使用 1px 实线 Rule Gray #cac6c3 边框，外角为 8px。
- 仅在分段平台选择器和紧凑的轮廓参考控件中使用 60px 的圆角。
- 使用 Butler Teal #25b1b1 作为填充的转化控件和 20px 圆角的促销表面。
建议避免
- 不要将 Paper #f3f2f1 替换为纯白色作为页面底色。
- 不要将 But Head 标题的字重设置高于 400。
- 不要将 Butler Teal #25b1b1 作为所有功能卡片、导航和操作的通用填充色。
- 不要为方形边框按钮使用胶囊形圆角；保持圆角为 0px，内边距为 12px 20px。
- 不要在功能系统中使用无边框浮动卡片；使用 1px Rule Gray #cac6c3 分隔线。
- 不要在普通卡片上使用厚重的阴影；仅将终端阴影保留用于产品演示的层级提升。
- 不要在没有产品状态证据的情况下，反复使用彩色语义红或绿作为界面状态。
