SuperHi Basic Income

浅色基底、扁平表面与分屏构图。
页面以浅色为基底。字体采用 Basis Grotesque、DDC。视觉特点包括扁平表面、分屏构图、网格布局、单栏阅读排版。适合参考的场景:专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 仅使用 #2727e6 和 #ffffff——绝不引入第三种颜色、渐变或阴影
- 正文行高设为1.67,显示行高设为1.14——呼吸空间即为排版系统本身
- 左侧侧边栏设为固定全高 #2727e6 面板,配点状地球与白色侧边栏文字;将其视为永久品牌表面,而非导航组件
- 仅使用描边按钮(1.5px #2727e6 边框,16px 半径,白色填充)作为唯一交互变体——绝不创建填充按钮
- 功能性内容使用 Basis,仅在页面中保留1–2个展示场景使用 DDC,以体现人文笔触
- 标签使用50px半径,按钮使用16px半径——双值半径系统构成完整形状语言
- 所有链接均以1px #2727e6 边线在基线处下划;绝不移除悬停状态的下划线,因为该系统为静态
建议避免
- 不得添加第三种颜色、中性灰调用于次要文本,或染色背景——所有非白色表面必须为 #2727e6 或纯白色
- 不得添加阴影、内阴影或发光效果——该系统完全为扁平化,任何立体感都会显得突兀
- 按钮绝不使用 #2727e6 填充——该系统为描边独有;填充按钮将破坏编辑上的克制
- 绝不将 DDC 用于正文、按钮或功能性UI——它仅作为展示字体,每页最多使用1–2个场景
- 绝不使用超出0、16px、50px之外的圆角值——系统中仅有两个圆角形状,其余均为方形
- 绝不通过顶部导航栏、汉堡菜单或侧边栏折叠破坏分屏布局——电紫色栏为永久存在
- 绝不将正文行高设低于1.46,或显示行高设高于1.25——紧致显示/宽松正文的节奏定义了排版语调