Home page | Impossible Foods
近黑色基底、胶囊形控件与大字排版。
Hungry Tiger
橙色基底、胶囊形控件与大字排版。
页面以橙色为基底。字体采用 Salmond、Graphikx。视觉特点包括胶囊形控件、大字排版、摄影展示、分屏构图。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 所有首屏和区块标题使用 Salmond 字体，字号范围 130–213px，字重 700，行高 0.80–0.90 —— 这是品牌的声调，必须永不降级至正文区域。
- 所有按钮、徽章、输入框和图标容器的圆角半径设为 9999px（设计变量中的值为 1296px）——锐利的边角会破坏调味品标签的个性。
- 仅使用 #faae33 作为色彩强调，与棕色单色背景形成对比；除保留的 #d1255c 用于温度等级徽章外，禁止引入任何其他明亮色彩。
- 通过三个棕色层次构建表面深度：#823513（页面）→ #402011（卡片）→ #281006（最深）——禁止使用阴影效果来暗示立体感。
- 在主要视口之间，使用点状 #faae33 水平分隔线作为区块分隔，而非仅依赖空白间距。
- 字间距与字号反向调整：在显示字号时为 -0.02em，11–18px 时为 0.01–0.02em —— Salmond 的字间距是其风格的核心组成部分。
- 每个视口均以巨型字体开场，随后将产品摄影置于下方作为小而固定的锚定元素——页面是海报，而非商品陈列柜。
建议避免
- 禁止引入次级显示字体——Salmond 拥有整个字体系统，添加不同标题字体会稀释品牌调性。
- 任何组件均不得使用 box-shadow、drop-shadow 或发光效果——扁平的陶炉墙美学是不可妥协的。
- 禁止将产品摄影置于大矩形框、卡片或带有圆角的容器中——瓶子应直接平铺在画布上。
- 除卡片外，任何元素的圆角半径均不得使用 6px——按钮、徽章、输入框和图标容器必须全部为完整胶囊形。
- 禁止用白色、蓝色、绿色或冷中性色稀释金色与棕色的配色——该系统刻意保持单色暖调。
- 正文内容字号不得超过 18px，行高不得超过 1.4 —— 设计以海报为先，任何舒适阅读的段落都会显得格格不入。
- 禁止使用实色块作为区块背景——每个区块均为 Ember Rust 配色；深度来自字体层级和表面色彩的渐变变化，而非交替的色带。
