Emmalewisham 网站预览
Emmalewisham 网站预览

Emmalewisham

近白色基底、细线分隔与衬线字形。

页面以近白色为基底,搭配近黑色文字。字体采用 Martina Plantijn、Regola Pro Book。视觉特点包括细线分隔、衬线字形、网格布局、大字排版。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • Iris Violet #49369e 专用于轮廓操作边框与链接文字,绝不用它填充按钮或表面。
  • 品牌文字标志与所有展示标题用 Regola Pro Book 字重 400,绝不加粗。
  • 所有边框保持 1px 细线,系统拒绝粗边框和阴影。
  • 所有内容下默认画布用 Stone Linen #f2f1ef,Blush Petal #ec9bad 和其他氛围色用于满幅产品舞台,而非内联背景。
  • 卡片用 30px 圆角,按钮 3px;宽卡片与紧按钮的比例是标志几何。
  • 首屏产品摄影占满整个视口,物件周围零内边距。
  • 无衬线 Martina Plantijn 用于界面,配衬线 Regola Pro Book 用于展示;衬线绝不用作正文,无衬线绝不用作文字标志。

建议避免

  • 按钮不要用 Iris Violet 或任何其他品牌色填充,操作样式始终轮廓,绝不填充。
  • 卡片、按钮或导航不要用 box-shadow,系统无阴影,以细边框定义。
  • 衬线不要用粗或厚字重,Regola Pro Book 只有 400,展示必须安静。
  • Blush Petal #ec9bad 不要作为文字色或边框,只作为氛围表面色层。
  • 画布不要挤满卡片或面板,布局要呼吸,让区块直接在 Stone Linen 上流动。
  • 每区块不要用超过一种氛围色,首屏只用 Blush Petal,绝不混薰衣草或紫罗兰色层。
  • 50px 导航圆角只用于购物车徽章,其他地方不用;这是单一强调,而非全系统模式。