Hypebeast

一本高端时尚杂志的数字入口。

高对比度单色系，搭配单一权威蓝色点缀。

grotesque-sans · humanist-sans

• display48px · 700
• h324px · 700
• body18px · 400
• small12px · 500

标题使用紧凑的字距和粗体字重以增强视觉冲击力。 · 正文保持干净、易读的无衬线字体风格。 · 导航和分类标签统一使用大写。

采用标准 4px 网格，内容区域间留有充裕的 padding。

细而浅的灰色线条，用于分隔内容区域，使用克制。

不对称多栏网格，用于构建编辑层级。

用于交互状态的快速、微妙的颜色过渡。

文字和图标的微妙颜色变化。 · 即时响应，无沉重反馈。

• button 极简风格，常为文字按钮或幽灵按钮。
• card 以图片为主、装饰极少的卡片，依赖强大的排版设计。
• chip 用于分类（如“游戏”或“鞋履”）的简单大写文字标签。
• input 简洁的搜索栏，底部带边框。
• hero 大型主导区域，呈现一篇重要的编辑内容。

• 语气 权威、冷静且具有文化洞察力。
• 标题风格 直接、大胆、陈述性。
• 按钮文案 低调，常以文字链接或简单按钮的形式融入。

• 卡片不要使用圆角——截图显示为直角或 2px 圆角。
• UI 元素不要使用投影——截图显示为扁平化设计。
• 不要使用多彩渐变背景——截图显示为纯白色背景。
• 不要使用装饰性衬线字体——截图使用的是简洁的无衬线字体类别。
• 不要将所有文字居中对齐——截图中的标题使用了强烈的左对齐。
• 不要为按钮使用鲜艳的原色——截图使用单一的深蓝色作为点缀。
• 避免: 俏皮活泼的语言
• 避免: 鲜艳、霓虹感的色彩
• 避免: 过度的装饰性元素

历史提取与模型分析 · 尚未逐项校验