Spécialiste Belge 网站预览
Spécialiste Belge 网站预览

Spécialiste Belge

暖白色基底、网格布局与大字排版。

页面以暖白色为基底,搭配深灰色文字。字体采用 beausite。视觉特点包括网格布局、大字排版、紧密字距、单栏阅读排版。适合参考的场景:摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • 每个排版层级都用 beausite,绝不引入第二家族。
  • 所有展示文字字重 400,48px 时字间距 -0.036em,更紧字间距使 beausite 具有编辑感。
  • 按钮是透明或 Linen 背景上的 1px 黑轮廓幽灵,绝不用饱和色填充。
  • 整个暖奶油色板 Bone White → Linen → Pebble → Bark 用于结构,让摄影供应唯一彩色场景。
  • 所有卡片、输入框和区块维持 17px 元素间距、17–34px 卡片内边距作为空间单位。
  • 卡片、输入框与区块用 0px 圆角,20px 胶囊专用于内联文字链接与标签。
  • 图标背景用柔粉彩薄荷、粉、桃,位于 40px 圆内,卡片自身保持无彩色。

建议避免

  • 不要引入彩色品牌色、渐变或彩色按钮填充,系统刻意单色。
  • 不要添加 box-shadow、投影或光晕,浮起来自色调叠层,而非模糊。
  • 样机中用 Inter、Roboto、Arial 系统字体替代 beausite 时,不要忽略 -0.022em 至 -0.036em 字间距,负字间距是关键结构。
  • 卡片或输入框不要圆角,0px 尖边是编辑信号的一部分。
  • 不要混图标风格,所有图标应相同描边粗细、40px 圆形粉彩背景。
  • 内容区域正文不要低于 14px 或高于 21px,14–21px 范围是可读语域。
  • 区块不要用全宽细线分隔,让留白与 Bone White/Linen 色调变化形成节奏。