Twingate
近黑色基底、胶囊形控件与大字排版。
Discord
深色基底、渐变展示与分屏构图。
页面以深色为基底，搭配白色文字。局部操作控件以蓝色强调。字体采用 ABC Ginto Nord Discord、ABC Ginto Discord。视觉特点包括渐变展示、分屏构图、产品图像展示、网格布局。适合参考的场景：产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 所有区块标题均使用ABC Ginto Nord 800全大写，字间距必须为-0.01em，以维持压缩的矩形轮廓。
- 将#5865F2（Blurple）严格限定在主要行动号召按钮及交互焦点状态上——它是页面中唯一饱和的色彩，且在每页都有确定性存在。
- 为特性区块设置独立的渐变或纯色背景（如紫粉、绿色等），以区分不同区块，因为全局页面背景永不改变。
- 将Blurple行动号召按钮与一个白色填充的次要按钮配对，使用内边距15px 24px和圆角12px——同一行动组中绝不同时使用Blurple作为主要和次要按钮。
- 将3D角色和吉祥物资产置于卡片边缘，跨区块重叠——正是这种重叠创造了沉浸感，而非孤立放置。
- 标准按钮使用12px圆角，登录/页眉按钮使用16px圆角，以维持不同交互场景间的微妙尺寸层级。
- 在深色区块中，正文使用Fog色（#BABCD9），避免使用全白（#FFFFFF）——因为全白会削弱标题的可读性，纯白仅用于标题和关键UI标签。
建议避免
- 绝不使用白色或浅灰色页面背景——深蓝黑色环境是品牌氛围的不可妥协项；即使是浅色主题区块，也必须被限制在卡片内。
- 绝不可将ABC Ginto Nord标题使用首字母小写或混合大小写——全大写加紧密字间距的组合是其视觉身份的核心组成部分。
- 绝不将Blurple作为大面积（如区块、卡片）的背景色——在大尺度下会削弱其作为强调色的角色，并与Blurple文字产生对比度崩溃。
- 绝不使用渐变标题——黑底填充的字形重量和体量才是视觉重点；渐变会破坏压印金属的质感。
- 绝不为特性卡片添加阴影——区块的辨识度来自背景色的对比，而非立体阴影深度。
- 绝不将按钮边框圆角减少至12px以下——任何更锐利的圆角都会破坏整体圆角系统，从而削弱原本沉重的字体调性。
- 绝不将Greyple（#99AAB5）或Dim Grey（#50555F）作为主要文字颜色——它们仅用于禁用、静默和占位状态。
