The Pop Manifesto 网站预览
The Pop Manifesto 网站预览

The Pop Manifesto

橙色基底、大幅摄影展示与大字排版。

页面以橙色为基底。字体采用 Roobert、Roobert (Bubble Display Cut)。视觉特点包括大幅摄影展示、大字排版、网格布局。适合参考的场景:内容网站首页、编辑专题页。

查看原始网站

使用规范

建议采用

  • 用单一的 #ff7a00 橙色填满整个视口——不使用渐变、不叠加、不区分面板。
  • 所有文字使用 Roobert 400 字体在五级尺寸(12/15/22/33/120px)上;让大小和大写变换承载分量,绝不使用粗体切边。
  • 所有图片、按钮、标签和卡片的边框半径均设为 0px——该系统任何地方均无圆角。
  • 气球/泡泡显示效果仅用于‘POP’标识,且必须绝不出现在正文、导航或栏目标签中。
  • 让图片边到边溢出,无边距、无边框、无阴影——橙色画布是唯一的边框。
  • 所有文字保持纯 #000000 在橙色画布上;仅在深色图片背景上保留 #ffffff 用于反色效果。
  • 在图片网格之前保留约 291px 的上边距,以让版头呼吸并传递编辑权威感。

建议避免

  • 不要引入任何新颜色——色彩调色板为橙色、黑色、白色以及两种图片背景(洋红 + 青钴)。不使用灰色,不使用辅助色。
  • 不要添加卡片表面、阴影或层叠效果——设计刻意保持扁平、直接、无中介。
  • 不要使用粗体或中粗字重——Roobert 400 在大尺寸上的表现是系统的唯一声音。
  • 不要对图片、按钮或任何容器进行圆角处理——0px 半径是结构性的,不可协商。
  • 不要在正文部分使用正文字号的段落、段落或长文本——这是一份编辑封面,而非文章页面。
  • 不要将气球显示字体用于标题、导航或标签——它仅用于品牌标识。
  • 不要用白色区块、交替条带或框内内容破坏橙色画布——橙色必须始终延伸至四个边缘。