Hardclo

一本高端时尚杂志的跨页，拥有电影感的摄影和大胆、醒目的排版。

高对比度单色方案，以氛围感摄影作为主要视觉驱动。

didone-serif · grotesque-sans

• display72px · 400
• body12px · 500

展示型文字使用高对比度的 Didone 衬线字体，笔画粗细对比鲜明 · 正文和导航文字使用紧凑的 grotesque 无衬线字体，全大写 · 巨大的展示文字与小型功能文字之间形成极端对比

非对称布局，中央标识和主文字周围留有大量负空间。

无可见边框；通过间距和图像边界实现分隔。

全出血主视觉图像叠加排版文字；下方为网格化产品画廊。

页面过渡 · 导航悬停显示

导航链接的微妙透明度变化。 · 直接导航至分类或页面。

• button 基于文字的链接，无背景或边框；大写、小号、紧凑字距。
• card 基于图像的卡片，无可见容器、边框或阴影。
• hero 全屏氛围感摄影照片，叠加大型、居中的衬线字体。

• 语气 精致、疏离、编辑风格。
• 标题风格 巨大、高对比度的衬线字体，通常居中。
• 按钮文案 微妙的文字链接，无按钮；低调且实用。

• 不要使用明亮的强调色——截图显示的是严格的单色方案搭配摄影背景。
• 不要使用圆角或柔和形状——截图显示的是锐利、零圆角的边缘。
• 不要使用随意、友好的字体——截图显示的是醒目的高对比度 Didone 衬线字体和紧凑的 grotesque 无衬线字体。
• 不要添加投影或斜面——截图显示的只有平面、摄影化的景深。
• 不要使用密集的文字块——截图显示的是极简文案和巨大的视觉层级。
• 不要使用活泼或非正式的语言——截图显示的是疏离、编辑风格的品牌语调。
• 避免: 友好或随意的语言
• 避免: 明亮或活泼的色彩
• 避免: 密集的文案或要点列表