HyperAktiv

白色基底、大幅摄影展示与大字排版。
页面以白色为基底,搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Studiofeixensans、DM Sans。视觉特点包括大幅摄影展示、大字排版、网格布局。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 仅在操作按钮和页脚使用 #0000ff,它是唯一被允许的彩色表面
- 将显示标题设置为 72–90px,使用 Studiofeixensans 700 加粗全大写,行高为 0.89–1.0
- 按钮使用 20px 的边框圆角,其余所有元素(卡片、输入框、图片、标签)使用 0px
- 让照片从边缘到边缘完整延伸,不添加圆角,也不叠加任何处理
- 内容区块默认采用 50/50 分割布局——一侧为图片,另一侧为文字
- 所有正文和界面文字保持在 DM Sans 400,字号为 14–20px——绝不与显示文字竞争
- 所有标题、副标题、按钮标签和功能列表均使用全大写,字体为 Studiofeixensans
建议避免
- 绝不引入额外的强调色——系统为二元(黑色/白色)加一种蓝色
- 绝不为 UI 组件添加阴影、高光或模糊效果——保持平面化
- 绝不为卡片、输入框或图片添加圆角——只有按钮拥有 20px 圆角
- 正文或显示文字的行高绝不高于 1.5(正文)或低于 0.9(显示)——压缩是其标志性特征
- 绝不使用除页脚蓝色背景上的白色文字外的任何彩色文字
- 绝不使用渐变、玻璃态或噪点纹理——表面仅为纯白色或纯蓝色
- 绝不使用衬线体、手写体或装饰性字体——系统仅限两种无衬线字体