Hyperaktiv Li

高对比度的编辑式杂志版面与大胆的工业美学相融合。

严格的黑白单色，依靠摄影来提供色彩。

grotesque-sans

• display80px · 500
• body18px · 400

运用极端的字重和尺寸对比来建立层次。 · 为展示文本保持紧凑的行距。 · 保持正文清晰且高度易读。

为超大的字体元素提供充足的留白空间。

纤细、微妙的线条，谨慎用于分隔。

全出血的主视觉图片，搭配锚定于网格的超大字体。

内容板块的平滑淡入。 · 主视觉图片的微妙视差。

交互元素上微妙的透明度或颜色变化。 · 即时的视觉反馈。

• button 极简的、基于文本或小型药丸形轮廓。
• card 不突出；布局由字体和大型图片驱动。
• chip 极少使用，可能是小型轮廓标签。
• input 标准的极简表单字段。
• hero 全宽摄影背景，叠加超大文本。

• 语气 自信、大胆且充满活力。
• 标题风格 全大写、巨大且极具冲击力。
• 按钮文案 直接且以行动为导向。

• 不要使用微妙的渐变——截图显示的是平坦、纯色的黑白。
• 不要使用小巧、怯懦的字体——截图显示的是巨大、大胆的标题。
• 不要使用彩色的点缀色板——截图依赖于黑、白和摄影。
• 不要使用圆润、友好的形状——截图使用的是锐利、矩形的布局。
• 不要用小元素杂乱地堆满布局——截图显示的是充足的留白空间。
• 不要使用装饰性衬线字体——截图采用的是干净、现代的grotesque-sans字体。
• 避免: 怯懦的语言
• 避免: 微妙的渐变
• 避免: 柔和的粉彩