NEVERHACK 网站预览
NEVERHACK 网站预览

NEVERHACK

白色基底、胶囊形控件与细线分隔。

页面以白色为基底,搭配近黑色文字。字体采用 Roobert。视觉特点包括胶囊形控件、细线分隔、分屏构图、居中构图。适合参考的场景:软件产品首页、服务说明页。

查看原始网站

使用规范

建议采用

  • 所有交互元素使用 9999px 圆角:按钮、徽章、聊天输入、导航胶囊。
  • 主要行动按钮使用 Sovereign Ink #0a0f1f 配 Signal White 文字,绝不让 Alert Crimson 成为默认操作。
  • 所有浮起卡片和聊天表面应用紫色调阴影叠层 rgba(40,30,93,*),使深度与品牌一致。
  • 大字号积极收紧字间距:72px 时 -0.03em,52px 时 -0.025em,40px 时 -0.02em。
  • 全大写眉题与徽章放宽字间距:+0.08 至 +0.12em,保证小字号可读。
  • Alert Crimson #dc2626 专供 CERT、危机、紧急与危险语境,稀少本身就是信号。
  • Sovereign Violet #6b2bea 作为 AI 标志,用于聊天回复、品牌圆点、能力标签与装饰描边。

建议避免

  • Alert Crimson 不要用于非关键操作、营销文案或装饰强调,过度使用会丧失含义。
  • 同一组件不要配对 Sovereign Violet 与 Alert Crimson,两种彩色强调必须分属不同语义用途。
  • 文字、图标或小界面元素不要加阴影;浮起只属于卡片、聊天表面和主要行动按钮。
  • 副标题或区块引言不要使用 72px 或 52px 展示字号,它们只属于首屏;区块开场改为 32–40px。
  • 不要引入既定色板之外的新彩色,5% 彩色占比是品牌约定。
  • 正文不要用纯黑 #000000,Sovereign Ink #0a0f1f 是唯一可接受文字色;黑色留给导航边框强调和按钮微细节。
  • 按钮或交互控件不要使用 6–14px 柔和圆角,只有卡片、输入框和嵌套元素使用精确圆角。