Aplós 网站预览
Aplós 网站预览

Aplós

近白色基底、衬线字形与大幅摄影展示。

页面以近白色为基底,搭配近黑色文字。字体采用 Goudy Old Style、System Sans (UI chrome)。视觉特点包括衬线字形、大幅摄影展示、网格布局、大字排版。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有区块背景设为 Bone #f2f1ed,纯白只留给需要托起的卡片表面。
  • 每个标题和产品名使用 Goudy Old Style,26px 和 40px,字间距 -0.012em,衬线本身就是品牌。
  • 所有行动按钮锚定 5px 圆角、9px 12px 内边距,绝不圆成胶囊或整圆。
  • 主要区块间放 96–120px 垂直留白,维持印刷菜单节拍。
  • 反色强调卡片使用 Cocoa #3b3429 增添色调变化,灰度变化能完成时绝不引入彩色。
  • 首屏摄影在 Ink #000000 上满幅呈现,白色衬线标题,以对比完成戏剧化。
  • 次要正文用 Stone #646464 的 14–16px 无衬线,小字号绝不用衬线。

建议避免

  • 不要引入蓝、绿、红等任何彩色,系统刻意 0% 彩色,任何色相都会破坏药房语言。
  • 不要用 12px+ 大圆角或胶囊形,5px 不可妥协,使系统像编辑物而非应用。
  • 标题不要用粗字重 600+,Goudy Old Style 只用 400,低声衬线是标志。
  • 不要添加投影、光晕或渐变覆盖,浮起来自 Bone、Paper、Cocoa 色调对比,而非模糊效果。
  • 产品名或区块标题不要用无衬线,它们专属 Goudy Old Style。
  • 区块不要挤入密集网格,节奏依赖块间 96–120px 呼吸空间。
  • 未测对比前,不要直接在 Cocoa #3b3429 上放深字;Cocoa 表面用白字 #ffffff。