Break Maiden
近黑色基底、产品图像展示与网格布局。
Base Design
白色基底、胶囊形控件与大字排版。
页面以白色为基底，搭配近黑色文字。字体采用 BaseGrotesk。视觉特点包括胶囊形控件、大字排版、细线分隔、满幅色块。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 页或品牌字标使用BaseGrotesk 300字重，字号60–65px——超大轻量无衬线字体是核心特征
- 保持严格的双色调板：仅使用#000000和#ffffff，其中#ababab专用于弱化次要文本
- 全页黑与全页白区块交替，无渐变、边框或过渡，保持纯粹
- 所有按钮设置54px圆角——胶囊形状是核心元素，而非风格选择
- 让摄影溢出至视口边缘，圆角为0px，并直接在图像上叠加白文字，无背景层
- 在所有字大小和字重中，保持0.01em正字间距
- 导航文字保持12–16px，链接间水平间距为25–30px——导航应如静谧的边栏注解
建议避免
- 绝不引入任何色彩——系统中不可出现蓝、红、绿或任何强调色
- 绝不使用阴影、渐变或发光效果营造深度——应通过黑/白对比实现
- 绝不给卡片或图像添加圆角——系统仅使用54px胶囊形和0px其余部分
- 单个构图中绝不使用超过两种字大小——节奏依赖于自信的尺度跳跃
- 绝不使用超过1px的边框——细线是唯一的结构线
- 绝不以#000000填充黑色背景上的反色按钮——它将完全消失
- 绝不给全局导航添加标志、背景填充或边框——它应呈现为漂浮于白底上的文字
