Break Maiden
近黑色基底、产品图像展示与网格布局。
KeepGrading
近黑色基底、胶囊形控件与细线分隔。
页面以近黑色为基底，搭配近白色文字。字体采用 Cabinet Grotesk、Inter。视觉特点包括胶囊形控件、细线分隔、大字排版、大幅摄影展示。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- #080808 画布上的全部文字、边框和图标描边使用 #f8f8f8，不引入彩色强调。
- 展示标题采用 Cabinet Grotesk，96px、400 字重、1.0 行高；宏大尺寸下的单一字重是标志性特征。
- 全部按钮、标签与导航切换采用 9999px border-radius，维持只有胶囊形和圆形的形状词汇。
- 图像框采用 160px border-radius，让边角柔和，但区别于完全胶囊形控件。
- 内容条带之间至少 48px 纵向间距，以留白而非分隔线或阴影划分分区。
- Cabinet Grotesk 与 Inter 的全部界面框架均采用 400 字重，层级来自尺寸，而非字重。
- 图像框作为具有不同偏移与尺寸的散布悬浮元素，而非对齐到严格网格。
建议避免
- 不引入彩色品牌色、强调或渐变，单色虚空就是品牌。
- 不添加投影、发光或抬升，深度仅来自叠层与对比。
- 强调不使用粗体（600+）或半粗体，改用尺寸或颜色。
- 任何可见元素不使用尖角（0–8px 圆角），所有表面须为胶囊形或柔和曲面。
- 按钮不加背景填充，幽灵描边是唯一按钮处理。
- 页面不限制在 max-width 列中；铺满边缘的黑色画布是暗房感的关键。
- 界面框架不添加图标、徽章或装饰图形，文字、边框和摄影是唯一视觉元素。
