Twingate
近黑色基底、胶囊形控件与大字排版。
Axelar
近黑色基底、等宽文字标注与分屏构图。
页面以近黑色为基底，搭配白色文字。局部操作控件以橙色强调。字体采用 Clashgrotesk、Inter。视觉特点包括等宽文字标注、分屏构图、网格布局、满幅色块。适合参考的场景：技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- Signal Orange（#ff6314）只用于主要操作、产品表面和激活状态；它是界面中唯一具有主导权的彩色。
- 按顺序采用表面层级：#04070a画布 → #090c0f卡片 → #0f1214导航 → #1a1d1f边框；深度来自色调阶梯，绝非阴影或亮度跳跃。
- 所有标题、导航和交互元素采用Clashgrotesk 500/600；正文配Inter 400/600，技术标签和元数据配DM Mono 400/500。
- 分类只通过节点强调色谱Node Green、Violet、Magenta和Cyan的小圆点指示（8–10px）编码，绝不要用作完整卡片或表面背景。
- 所有按钮和输入框采用24px胶囊圆角，卡片采用8px，胶囊徽章采用100px；胶囊按钮是定义系统的形状选择。
- 保持64px分区间距和24px元素间隙，形成舒适密度；让深色分区呼吸，避免在缺少宽松间距时纵向叠放超过3个元素。
- 浅色分区反转表面层级：白色画布、#f0f5fa次级文字、#e1e6eb边框和#04070a标题；橘色产品卡片仍作为色彩标点。
建议避免
- Signal Orange不要用于主要操作或关键产品表面之外的内容；将它稀释到次级元素中会使其失去主导权。
- 不要用阴影表现抬升；系统采用中性表面层级中的色调阶梯，阴影会破坏平面的工程美学。
- 绿色、紫罗兰、洋红和青色节点强调色不要用于大面积填充、渐变或背景；它们是信号圆点，而非表面处理。
- 正文段落或长篇文字不要使用Clashgrotesk；其棱角几何在19px以下会影响易读性，超过两行的正文都使用Inter。
- 不要任意混用圆角；系统有明确规格：按钮和输入框24px、卡片8px、胶囊徽章100px、小型行内元素4px。
- 页面背景不要使用纯黑（#000000）；画布必须是#04070a，以维持近黑表面层级，纯黑只用于SVG图标填充和最深层。
- 不要给卡片或面板添加装饰渐变；系统唯一的渐变是首屏格栅辉光上的橘色linear-gradient，其余颜色保持平面。
