Modern companies are built on Capital 网站预览
Modern companies are built on Capital 网站预览

Modern companies are built on Capital

午夜的编辑画廊,配以余烬强调。纯黑房间如画廊墙面般宽大,巨大字重 300、带衬线感的无衬线文字漂浮在负空间中;唯一暖红按钮像小火焰,在哑光黑前发光。

Capital 像一页以深色模式呈现的高级编辑跨页:真黑画布与暖奶油区块交替,巨大的轻字重 Muoto 展示文字占据画面,唯一鲜红余烬 #ed5145 则少量用作功能标点。文字承担设计全部分量,90–115px 的字重 300 配紧密负字间距,轻声传达权威,而非呐喊;宽字间距的全大写 GT America Mono 标签,则作为每个标题上方的区块标记。布局在戏剧性满幅深色区块与较浅奶油区块之间交替,前者采用居中编辑文字,后者像杂志页面,产品模型和人像摄影则打断节奏。表面保持平面、哑光,唯一温暖感来自奶油中性色和红色强调,绝不来自渐变或装饰。

查看原始网站

使用规范

建议采用

  • 每个展示标题都使用 Muoto 字重 300,字号为 72–115px。这是系统标志,其他任何字重都不符合品牌。
  • 每个区块标题上方都居中放置唯一的 GT America Mono 全大写眉题徽章,字号为 12px,字间距为 0.08em。
  • 每屏恰好一个 CTA 使用 Ember 红色 #ed5145,并配 Ember Glow 光晕,让它从黑色表面上抬起。
  • 区块在 Obsidian #000000 与 Bone #efece6 画布之间交替,创造编辑节奏。
  • 卡片和表面保持平面,采用 Graphite 或 Ash 的 1px 边框;浅色区块绝不使用投影。
  • 产品模型放在 16px 圆角的 Charcoal 设备框中,而不是直接展示原始截图。
  • 所有胶囊徽章使用 24px 圆角,所有矩形按钮使用 8px。

建议避免

  • Muoto 展示字号绝不使用字重 500 或 600。轻字重低语就是全部设计重点。
  • 绝不引入第二种彩色强调,不使用蓝、绿或紫;红色余烬独立存在。
  • 绝不使用渐变。系统刻意平面,红色辉光是唯一亮度效果。
  • 奶油区块绝不使用投影。Bone 背景保持哑光,阴影只留给 Obsidian 上的元素。
  • 超过两行的正文段落绝不居中。副标题居中,正文左对齐。
  • 余烬按钮旁绝不堆放另一彩色元素。它需要周围的哑光黑或哑光奶油色,才能发光。
  • GT America Mono 字间距绝不宽于 0.08em,字号绝不大于 12px。等宽字体是标签工具,而不是展示工具。