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

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 是唯一允许的非极端中性色。