Getburnt

白色基底、衬线字形与胶囊形控件。
页面以白色为基底,搭配近黑色文字。字体采用 Nyght Serif、Switzer。视觉特点包括衬线字形、胶囊形控件、大幅摄影展示、网格布局。适合参考的场景:AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 所有标题和展示文字都使用 Nyght Serif 字重 300,绝不用 Switzer 设置标题。
- 整个界面保持在 #1a1a17 / #ffffff / #5f5f5d 三色组合内,克制引入彩色强调的冲动。
- 所有按钮、导航激活状态和标签都设为 1440px 圆角,以形成胶囊标志。
- 所有 Switzer 文字都维持 0.03em 字间距,保留编辑节奏。
- 卡片、模型容器和任何矩形界面表面,都使用 6px 圆角。
- 产品模型放在 #1a1a17 深色面板上,与白色页面对比,形成博物馆玻璃陈列柜效果。
- 每个区块以 48-64px 垂直间隔锚定,保持编辑步调。
建议避免
- 不要引入蓝、绿、红或任何高饱和品牌色。温暖感来自近黑,而不是强调色。
- Nyght Serif 不要使用 300 之外的字重。加入粗体或中等字重会破坏编辑语气。
- 按钮或标签不要使用方角或 12px+ 圆角。胶囊形是结构支柱。
- 正文或标题不要使用纯 #000000,始终采用 #1a1a17,以保留暖墨色品质。
- 卡片不要使用重投影。系统依靠细线边框与表面对比,而非悬浮效果。
- Nyght Serif 展示字号的行高不要超过 1.2。衬线需要紧密排布,才能读起来像展示文字,而非正文。
- 文字、按钮或文字容器不要应用渐变。配色有意保持平面。