Dsanddurga

高端杂志版面与粗野主义工业仓库的结合。

采用高对比度的黑底奶油色排版，并搭配大型摄影主视觉元素，避免使用鲜艳的强调色，以保持一种精致、实用的感觉。

grotesque-sans

• display64px · 700
• headline28px · 700
• body14px · 400

导航和小标签使用全大写 · 大型展示文字使用紧凑的行高 (0.9 - 1.0) · 通过字重和大小写维持严格的排版层级，而非使用多样的字体家族

不规则的网格节奏，由摄影布局和大型排版块决定，优先考虑视觉冲击力而非严格的垂直韵律。

使用细薄的 1px 实线黑色边框来定义网格单元和边界，营造出一种严谨、结构化的布局。

严格的网格化布局，包含大型、高冲击力的摄影元素和覆盖式排版块。通常使用由硬质边框分隔的全出血图片。

文本叠加层的细微淡入效果 · 轮播图的平滑滑动

链接和按钮上的细微透明度变化。 · 提供即时反馈，略有缩放或透明度降低。

• button 简单的文本链接或胶囊形按钮，通常为大写。
• card 由硬质边框定义的网格单元，包含图像和覆盖式排版。
• chip 简单的文本标签或徽章（例如，“限量联名款”）
• input 带有细边框的极简文本输入框。
• hero 大型、全宽的摄影图像，覆盖着粗体排版。

• 语气 自信、直接，略带神秘感。
• 标题风格 简短、有力，常具概念性或挑衅性。
• 按钮文案 极简且功能性，通常仅为一个箭头或简单的文本链接。

• 不要使用投影或柔和渐变——截图显示的是具有硬质边框的平面、粗野主义美学。
• 不要使用多种字体家族——截图仅依赖于单一、一致的无衬线字体家族。
• 不要使用明亮、饱和的强调色——截图显示的是由黑色、奶油色和摄影构成的柔和调色板。
• 不要在容器上使用圆角——截图显示网格单元为尖锐的90度直角。
• 不要在大段文本中使用居中对齐——截图经常使用左对齐或齐左排版。
• 不要将导航隐藏在复杂的层级结构中——截图显示的是平面、可见的顶部导航栏。
• 避免: 过多的感叹号
• 避免: 过于描述性的形容词
• 避免: 泛泛的营销套话