Gigantic 网站预览
Gigantic 网站预览

Gigantic

暖白色基底、大字排版与摄影展示。

页面以暖白色为基底，搭配近黑色文字。字体采用 Neue Haas Grotesk Display、Arial。视觉特点包括大字排版、摄影展示、扁平表面、居中构图。适合参考的场景：品牌电商首页、商品展示页。

查看原始网站

使用规范

建议采用

  • 仅使用 Neue Haas Grotesk Display，展示为 700 字重、界面 500、正文 400，不使用其他字体。
  • 画布默认采用 Cream Paper（#f0ede7），Pure White 只留给产品图像和反色文字表面。
  • 填充按钮的主要操作色采用 Ink Black（#231f20），矩形、0px 圆角，内边距为 19px × 15px，文字为 16px 大写、0.0310em 字间距。
  • 全部文字保持宽字间距：正文至少 0.0250em，展示尺寸增至 0.0570em；紧凑字间距会破坏品牌语气。
  • Blast Red（#ff634b）仅有三种用途：口味编码产品包装、页脚条带和品牌标记，不用于按钮填充或正文强调。
  • 首屏标题超大、采用句首大写，末词可用斜体打断韵律；字体就是首屏主角，不加辅助视觉。
  • 分区通过明确颜色切换（奶油 → 黑 → 奶油）分隔，而非留白或分隔线；铺满边缘，不加内边距。

建议避免

  • 不添加阴影、渐变或任何抬升，表面保持扁平。
  • 按钮、卡片、图像或标签不加圆角，0px 是标志性特征。
  • Blast Red 不用于 CTA 或按钮背景；红色负责装饰，黑色负责操作。
  • 大尺寸正文不使用句首大写，正文与界面文字应全大写，并配宽字间距。
  • 不使用多个强调色或新色相；色板为单中性色加一种红。
  • 不添加插画、生活方式摄影或装饰背景，体系只有文字与产品摄影。
  • 展示标题不采用轻或细字重，700 是唯一展示字重。

相似设计语言