Freitag 网站预览
Freitag 网站预览

Freitag

白色基底、网格布局与分屏构图。

页面以白色为基底,搭配近黑色文字。字体采用 AkkStdRg (Akkurat Standard)、FRg (Freitag Regular)。视觉特点包括网格布局、分屏构图、摄影展示。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有文本均使用 Akkurat Standard(或 Inter / Aktiv Grotesk 作为替代)——禁止使用其他字体,禁止使用装饰性手写体或展示性衬线字体
  • 展示标题设置为 48px 字号,行高 0.97,字间距 −0.48px,以实现压缩的工业海报效果
  • 所有按钮、徽章及胶囊形控件均使用 9999px 的胶囊半径——本系统中不存在矩形按钮
  • 所有 11px 及更小字号的文本均设置 0.04–0.05em 字间距,使标签读作压印的序列号
  • 产品网格保持在严格的 1px 混凝土灰色(#cacaca)网格线内——禁止使用卡片阴影,禁止为单个 SKU 套用圆角卡片容器
  • 仅将 #ffdd00(警告黄)用于 '新品' 标记点缀——禁止作为背景色、大面积填充或整体染色
  • 让产品摄影承载全部色彩——UI 层的金属感必须保持无色,使回收篷布商品成为唯一的彩色元素

建议避免

  • 禁止引入色彩填充、渐变或品牌色彩晕染——该系统在 UI 层中故意保持 0% 色彩
  • 禁止使用粗体(600及以上)或中粗(500)字重——整个系统统一为 400 字重,强调效果来自字号、大小写和字间距
  • 禁止为商品单元或分类卡片添加阴影——阴影仅保留于浮层主按钮上
  • 禁止对正文或小节标题进行居中对齐——所有内容均左对齐,且保留硬左边距
  • 禁止使用独立的 '主要操作' 颜色——按钮为纯黑色在白色背景或白色在黑色背景,中间无过渡
  • 禁止在目录矩阵内的商品周围添加圆角卡片容器——规则网格本身就是容器
  • 正文行高不得超出 1.5,也不得低于 0.74——这是系统设定的紧缩边界