Twingate
近黑色基底、胶囊形控件与大字排版。
Default
近黑色基底、胶囊形控件与细线分隔。
页面以近黑色为基底，搭配白色文字。局部操作控件以红色强调。字体采用 Inter。视觉特点包括胶囊形控件、细线分隔、分屏构图、大字排版。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 所有32px及以上字号的标题使用字重400——轻语体是其标志性特征
- 将主要操作按钮设为 #f2f2f2 填充，文字使用 #333333，圆角10px——切勿为行动号召引入任何品牌色
- 卡片边缘、分隔线及面板轮廓使用0.5px实线边框（切勿使用1px）
- 使用Inter字体并启用'ss01'和'ss03'字体特性——几何变体是品牌身份的一部分
- 表面分三个层级堆叠：#0b0c0 画布 → #131416 卡片 → rgba(255,255,255,0.05) 鼠标悬停状态
- 在正文字号下使用紧密的字间距：13px时为-0.026em，14px时为-0.023em，18px时为-0.034em
- 仅在激活状态、链接和图标强调处使用 Signal Blue（#3b82f6）——切勿用于背景或大面积填充
建议避免
- 切勿在标题中使用字重600及以上——这会破坏沉静、终端风格的基调
- 切勿在行动号召按钮中使用蓝色或任何有色彩的主色——骨色（#f2f2f2）胶囊是唯一的主行动元素
- 切勿使用1px或更粗的边框——0.5px细线是实现‘磨砂玻璃’表面质感的关键
- 切勿在卡片上使用大范围的投影阴影——高度感来自内嵌高亮，而非投射阴影
- 切勿在单个文本块中使用两个以上500以上的字重——字体系统建立在400–480范围之上
- 切勿在UI元素上使用渐变——该站点刻意保持扁平，仅使用单色填充
- 切勿将绿色或红色作为装饰色使用——它们仅作为语义信号（成功/破坏性）存在
