Break Maiden 网站预览
Break Maiden 网站预览

Break Maiden

超大白文字刻进黑画廊墙。唯一紧缩展示字体以 150px 坐在留白海中,周围产品照片像杂志跨页排列。

Break Maiden 是一个以黑色画布呈现的创意工作室作品集:纯黑色表面、超大号的白色展示文字,以及如精心策划的印刷跨页般呈现的产品影像。视觉系统刻意保持单色,并以强势的排版表达个性:唯一一款定制展示字体 Martin 以接近广告牌的尺度承担全部情感表达;而克制的新无衬线字体 America 则用于导航、正文和图注。页面像一座画廊:项目图块排列在不规则的三列网格中,栏间距宽裕,让产品摄影承担界面本身不使用的色彩。界面框架本身没有按钮、渐变、阴影或装饰;系统的辨识度来自留白与巨大标题之间的对比,而非色板的丰富层次。

查看原始网站

使用规范

建议采用

  • 首屏标题用 Martin 153px,字重 400,行高 normal,绝不小于 96px,也不用其他字体。
  • 任何大于细线的区域填充只用 Onyx Black #000000,无炭灰、近黑或带色灰。
  • 项目摄影提供全部色彩,界面本身保持黑字白底单色。
  • 项目块放在列高不同的不规则三列网格中,避免统一卡片网格。
  • 展示标题之外全部用 America 19-22px,包括导航、卡片标题、标语、正文。
  • Ash Gray #8e8e8e 只用于必须从 Bone White 前景退后的元数据或细线。
  • 所有转角保持 0px,无圆角按钮、卡片或标签,整个系统都是硬边。

建议避免

  • 不要引入任何彩色,无蓝、红或绿强调,色板黑、白、灰。
  • 不要应用 box-shadow、渐变或光晕,表面平面,深度只来自字号。
  • 不要添加填充行动按钮,所有操作都是 Bone White 的排版幽灵链接。
  • 展示标题不要用系统无衬线,Martin 紧缩几何是标志。
  • 标题不要包在卡片、容器或居中 max-width 中,它铺至左边缘。
  • 图片、卡片或任何元素不要圆角,美学锋利如刀。
  • 不要混用多种中灰,Ash Gray #8e8e8 是唯一允许的非极端中性色。