Promova 网站预览
Promova 网站预览

Promova

深色基底、圆角卡片与大字排版。

页面以深色为基底,搭配白色文字。字体采用 Nekst、Manrope。视觉特点包括圆角卡片、大字排版、网格布局、大幅图像展示。适合参考的场景:专题展示页、项目介绍页。

查看原始网站

使用规范

建议采用

  • #fff050 只用于每页唯一的主要 CTA,绝不用作装饰填充、次要按钮或状态指示器。
  • 所有展示标题都使用 40px 或更大的 Nekst;正文、导航或按钮文字绝不用 Nekst。
  • 所有卡片、模态框和主要内容容器都采用 30px 圆角。这个圆角本身就是品牌。
  • 所有区块的页面画布都保持 #000000;白色或 Smoke #f5f5f5 卡片,是形成表面区分的唯一方式。
  • 轻字重或次要文字使用 Manrope 字重 200,强调界面标签使用 700,正文和导航默认使用 500。
  • 标题行高保持 1.0,不额外调整字间距。大尺度的几何 Nekst 自身就具备密度。
  • 图标只作为小型功能元素或黄色强调字形出现,绝不作为大型装饰插画。

建议避免

  • 不要引入蓝、绿、红或紫等其他强调色作为界面 Token。系统只有黑底上的一种颜色。
  • Nekst 不要小于 40px,也不要用于按钮标签、导航项或表单字段。小字号会让它失去编辑表现力。
  • 卡片或按钮不要添加 box-shadows。纸张平放桌面的审美是有意设计。
  • 深色表面上的边框不要粗于 1px。细线使用 Fog #dddddd,绝不采用彩色边框。
  • 区块背景不要在黑色与浅灰之间交替。画布始终保持黑色,内容区块使用白色卡片插页。
  • 不要使用 9999px 的完全圆润胶囊按钮。系统按钮圆角为 10–20px,绝非圆形。
  • 正文不要小于 14px 或大于 20px。文字尺度从正文,通过 40px+ 的 Nekst 跃升到展示层。