Pravah 网站预览
Pravah 网站预览

Pravah

近白色基底、紧密字距与摄影展示。

页面以近白色为基底,搭配近黑色文字。字体采用 ABCfavorit Book。视觉特点包括紧密字距、摄影展示、网格布局、分屏构图。适合参考的场景:AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

  • 所有正文及大部分展示文字采用ABCfavorit Book、字重400;700字重仅用于强调句、导航和特定标题强调,绝不作为装饰。
  • 所有28px及以上文字的字间距设为-0.02em,所有12px及以下大写标签和徽标的字间距设为0.10em。
  • 全局为所有ABCfavorit实例启用字体特性'ss04'和'ss11',以保留其定制字形特征。
  • 所有默认页面背景使用Parchment(#f3f1ed)画布,Aubergine Black(#302023)仅用于铺满画面的反转色区块。
  • 所有卡片、徽标和按钮采用4px圆角,主要CTA除外,它们使用100px圆角(胶囊形)。
  • 所有区块分类和状态标签都采用大写宽字间距标签模式:12px、0.10em字间距、2px 8px内边距和4px圆角。
  • 深色区块中的列表项用30%不透明度的1px Ink Black分隔线分开,不要额外增加垂直内边距。

建议避免

  • 不要引入彩色强调色;整个色板均为温暖中性色,任何蓝色、绿色或红色都会破坏编辑式工程语气。
  • 不要用阴影表现卡片或按钮的高度;深度仅来自表面明暗变化与1px边框。
  • 不要混用多个字体家族;ABCfavorit Book是唯一字体,层级必须仅通过字重与字号实现。
  • 不要为正文或长篇文案使用700字重;它只用于短促的强调句和导航。
  • 不要将Aubergine Black背景用于行内元素或小组件;它仅属于铺满画面的反转色区块。
  • 不要为文字、按钮或背景使用渐变;系统保持平面化,并呈现印刷品的感觉。
  • 卡片或容器的圆角不要超过8px;只有胶囊CTA使用100px圆角。