Gigantic
暖白色基底、大字排版与摄影展示。
Home page | Impossible Foods
近黑色基底、胶囊形控件与大字排版。
页面以近黑色为基底。字体采用 sans-meat。视觉特点包括胶囊形控件、大字排版、摄影展示、扁平表面。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 在首屏和区块开头文字中，当字号达到 103px 或更大时，使用 sans-meat 字体——小于该尺寸则会破坏其激进宣言的效果。
- 将展示文字的行高设为 0.73–0.75，字间距设为 0.06em；这种紧致但略开的字间距，才让文字看起来像在喊叫的标签，而非经过打磨的标题。
- 将 #e10600 仅用于主要操作、激活的切换控件以及展示文字本身——切勿用于正文或边框。
- 在同一行中搭配一个填充型主要 CTA 与一个透明描边 CTA；填充红与描边白之间的对比，构成品牌的标志性两步互动。
- 将胶囊形切换控件和按钮的圆角设为 15px——这是导航、CTA 与筛选控件中统一的形状语言。
- 当用于装饰性地靠近首屏文字时，食物摄影应以不规则的有机遮罩形状裁剪；仅在产品卡片内部使用简洁的矩形边框。
- 导航栏始终保持纯黑色（#000000），文字为白色，无论页面下方内容如何变化；黑色栏是整个黑暗页面中的视觉锚点。
建议避免
- 不要为卡片或按钮添加阴影、发光或渐变——系统刻意保持扁平，仅通过色彩对比来建立层级关系。
- 不要引入新的色彩；整个界面仅使用酒红、红、粉玫瑰、黑、白五种色彩。任何额外的色彩都会破坏视觉纪律。
- 不要将 sans-meat 字体用于小于 10px 或长段落文本中——它是一种展示与 UI 字体，而非阅读字体。
- 不要将正文或次要文字置于 #e10600 色中；红色仅用于操作和标题中的强调点。
- 不要在首屏区域使用矩形食物摄影——只有遮罩切割的形状才可与展示文字相邻。
- 不要将展示文字的行高降低到 0.80 以下；只有字间距的开放，才防止了巨大文字看起来拥挤。
- 不要使用浅色或白色页面背景；酒黑色画布是品牌视觉风格不可动摇的基础。
