The Verge 网站预览
The Verge 网站预览

The Verge

近黑色基底、衬线字形与大幅图像展示。

页面以近黑色为基底,搭配白色文字。字体采用 Manuka、Poly Sans。视觉特点包括衬线字形、大幅图像展示、摄影展示。适合参考的场景:音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

  • 所有栏目标签、作者署名、激活状态及订阅按钮均使用 Signal Mint(#3cffd0)——这是唯一的彩色语调,必须保持一致
  • 标题文字使用 Manuka 字重 900,字号 60–107px,行高 0.80,以实现编辑冲击力——在此尺寸下绝不可使用常规字重替代
  • 文章正文使用 Fk Roman Standard,UI 元素使用 Poly Sans——衬线与无衬线字体的区分是系统的模式切换机制
  • 在 Poly Sans Mono 11–12px 的所有大写元数据、时间戳和分类标签上,设置 0.10–0.15em 字间距
  • 将垂直的 Verge 字标固定于左侧边距,作为持久的排版框架——它定义了页面的结构身份
  • 在交互式链接行上使用内嵌青色顶部边框(rgb(60,255,208) 0px -1px 0px 0px inset),以提示悬停/激活状态,且不改变布局
  • 将紫色(#5200ff)和红橙色(#ff3d00)仅限用于「最热门」和「播客」栏目卡片——绝不可用于文本或 UI 控件

建议避免

  • 不要在正文或大面积区域使用 Signal Mint——它是一种标点色,而非填充色
  • 标题文字不可小于 56px——Manuka 900 字重只有在大字号下才能体现其分量
  • 不要将 Fk Roman Standard 用于导航、按钮或标签——它仅用于阅读模式
  • 不要为卡片添加阴影——系统使用内嵌顶部边框和颜色块,而非层叠效果
  • 不要将卡片圆角或按钮圆角超过 20px 或 24px——这些数值定义了系统的几何语言
  • 不要在非指定栏目外使用紫色或红橙色填充——它们是栏目标识,而非通用装饰色
  • 不要将森林绿(#309875)作为主要强调色——它仅作为特定分类标签的次级信号