SuperHi Plus 网站预览
SuperHi Plus 网站预览

SuperHi Plus

蓝色基底、分屏构图与宽松留白。

页面以蓝色为基底，搭配白色文字。字体采用 Haas Grot Disp Web。视觉特点包括分屏构图、宽松留白。适合参考的场景：专题展示页、项目介绍页。

查看原始网站

使用规范

建议采用

  • 二元配色Cobalt Voltage #0033e5和Ice White #f0f7ff是仅有的两种表面选择；每块面板都属于其中一方，绝不混合。
  • 所有排版都保持400字重；通过字号（16 → 85px）和颜色对比建立层级，绝不用粗体或细体款式。
  • 按钮和卡片统一采用1px内嵌边框，颜色为Cobalt Voltage或Ice White，将其作为通用深度提示；绝不使用投影。
  • 所有导航文字都添加箭头前缀（→）；这是网站提示文字项目可点击的标志性方式。
  • 任何浅色面板的负空间都应由3D表情符号弹珠组填充；空荡的Ice White区域意味着设计失效。
  • 分区采用64px纵向节奏，卡片内部内边距24px；元素间隙的下限为16px。
  • 展示标题应大胆放大；56px和85px是常规范围，而非例外。

建议避免

  • 绝不要引入第三种颜色、渐变或带色调的中性色；系统刻意采用二元设计。
  • 文字绝不要使用粗体（600+）、斜体或细体（300）；400字重是唯一的语气。
  • 绝不要添加投影、模糊或环境抬升效果；只采用1px内嵌边框，或完全不设深度效果。
  • Ice White上的文字绝不要使用Cobalt Mist #527ceb；其对比度不合格（3.6:1），此颜色只保留给填充。
  • 绝不要使用高x字高（x-height）或具有人文主义特征的字体，例如Open Sans或Lato；新无衬线字体的平直感才是标志性特征。
  • 密集段落绝不要放在窄于480px的栏中；单一字重字体需要宽松行宽。
  • 分区之间绝不要添加装饰性分隔、线条或装饰图形；蓝白交替本身就是分隔方式。

相似设计语言