Phantom Studios

近黑色基底、等宽文字标注。
页面以近黑色为基底。字体采用 Helvetica Now、ballinger-mono。视觉特点包括等宽文字标注。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- #1eff66 只用于视口边缘信号线和输入框焦点边框。它是系统事件色,而不是装饰。
- 所有字号的文字都保持全大写。混合大小写会破坏编码或终端式阅读感。
- 标签、输入框和按钮等每个圆角组件都使用 14px。单一圆角值统一整套系统。
- 关键内容在视口内同时垂直与水平居中。空场本身就是布局网格。
- Helvetica Now 与 ballinger-mono 配对,让每屏都存在几何与等宽对比;绝不使用第二种无衬线。
- 56px 展示文字使用 0.93 行高,让多行标题几乎相接。紧密组合是标志。
- 结构线条使用 Dark Graphite #333333,交互边框使用 White #ffffff。灰色表示被动,白色表示可操作。
建议避免
- 绝不用实心颜色填充按钮或表面。系统只在透明空场上采用轮廓。
- 正文、图标或大型表面绝不使用 #1eff66。一条像素般纤细的线就是最大用量。
- 绝不引入阴影、模糊或渐变。纵深必须只来自绿色地平线。
- 主要文字绝不使用 Mid Gray #666666。它有意不满足对比要求,只用于不活跃或弱化状态。
- 绝不混入第三种字体家族。Helvetica Now 承担结构,ballinger-mono 承担元信息,除此之外没有其他字体。
- 区块内边距绝不小于 48px。空场需要呼吸空间,紧凑间距会摧毁海报效果。
- 卡片或面板绝不使用彩色背景。每个表面都在 Pure Black 上保持透明。