My Brentano 网站预览
My Brentano 网站预览

My Brentano

白色基底、细线分隔与宽松留白。

页面以白色为基底,搭配深蓝色文字。字体采用 Studio Feixen Sans Writer Book Regular、Studio Feixen Sans Writer。视觉特点包括细线分隔、宽松留白、摄影展示、衬线字形。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 在页面上最重要的标题处,使用 Studio Feixen Sans Writer 字体,字号 60px,字重 700
  • 正文文字设置为 15–18px,行高在 1.67 到 2.08 之间——绝不小于 1.5
  • 所有图像、输入框和矩形元素的边框圆角设为 0px;圆形导航控件独享 9999px 边框圆角
  • 用一条 1px 的 #000000 细线将顶部导航与页面内容分隔开——无背景填充,无阴影
  • 让产品图像提供全部色彩;UI 严格限定在 Charcoal Ink(#212529)、Pure Press(#000000)和 Bone White(#ffffff)三种颜色
  • 打破网格结构,通过将重叠的产品图像旋转 2–5° 而非完全对齐实现
  • 行内元素间距使用 10px,垂直区块节奏使用 40–60px

建议避免

  • 绝不引入强调色或品牌色——系统刻意保持近单色,色彩仅属于摄影
  • 绝不使用阴影、高光或任何形式的立体效果——所有表面必须保持平面,如同印刷纸张
  • 任何小于 30px 的文字绝不使用粗体(700)字重——唯一的粗体时刻必须保持宏伟
  • 卡片、图像或输入框绝不使用圆角——0px 圆角是不可协商的
  • 每个视图中绝不使用超过两种字体;仅在同一家族内交替使用 Writer 与 无衬线字体 字体
  • 绝不将正文段落居中对齐,或将其宽度窄于视口的 50%——网格保持左对齐且宽松
  • 页面绝不使用彩色背景——温暖的奶油色调来自纸张底色与图像,而非背景 淡染底色