Dazed

一本融合了时尚摄影与前卫文化评论的高端数字杂志。

基于高对比度黑白单色调，让摄影占据主导地位。

condensed-grotesque · humanist-sans

• display72px · 900
• headline40px · 700
• title28px · 700
• body16px · 400
• caption12px · 400

标题使用厚重、紧凑的怪诞体（grotesque）字体以获得最大冲击力。 · 正文使用清晰的人文主义无衬线体（humanist-sans）以获得最佳可读性。 · 导航和标签常应用大写字母转换。 · 大型展示字体的字间距会被收紧，以形成更连贯的文字块。

布局依赖于由各部分之间充足留白所定义的强烈垂直韵律。

边框最小化且锐利，通常为1px实线黑色，主要出现在按钮或细线分隔器等UI元素中。

0px 1px 1px 0px rgba(0,0,0,0.1)

一个简洁的网格布局，优先考虑大型全出血图片和大胆的排版标题，以此来分隔内容区域。

用于内容淡入淡出和细微背景变化的平滑、精致的过渡效果。 · 用于悬停效果和页面转场的变换（transform）与透明度变化。

通过细微的透明度变化或颜色反转来指示交互性，同时不破坏极简美学。 · 提供即时的视觉反馈，通常通过快速过渡或轻微的缩放变化实现。

• button 极简的矩形按钮，具有尖锐的直角，通常带有细黑色边框和大写文本。
• card 以图片为主的卡片，文本以覆盖层或底板形式呈现，特点是零边框半径，聚焦于视觉主体。
• chip 用于分类的简单大写文本标签，没有厚重的背景样式。
• input 简洁、无边框的输入框，依靠简单的底部边框或细微的下划线来表示聚焦状态。
• hero 一个巨大的全宽视觉容器，将高级时装摄影与超大尺寸的覆盖层排版相结合。

• 语气 富有文化气息、权威且前卫。
• 标题风格 大胆、具有挑衅性，通常以大号、紧凑的排版呈现以吸引注意力。
• 按钮文案 极简而直接，常使用简单的大写文本或细边框按钮。

• 不要使用圆角——截图显示所有元素都具有尖锐的零半径边缘。
• 不要使用明亮的多色渐变——截图显示以黑白单色为基础。
• 不要使用俏皮、非正式的字体——截图显示使用厚重、紧凑的怪诞体以产生冲击力。
• 不要在界面上使用过多边框——截图显示设计简洁无边框，仅有最少量的分隔。
• 不要使用柔和、友好的阴影——截图显示几乎不使用阴影，而是依靠高对比度。
• 不要使用过多的内边距——截图显示某些部分布局紧凑、高密度。
• 避免: 俏皮的俚语
• 避免: 过多的标点符号
• 避免: 明亮的霓虹色
• 避免: 圆润友好的形状
• 避免: 密集的文本块

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