Phantom 网站预览
Phantom 网站预览

Phantom

白色基底、胶囊形控件与大字排版。

页面以白色为基底,搭配深蓝色文字。字体采用 Phantom。视觉特点包括胶囊形控件、大字排版、宽松留白。适合参考的场景:技术项目官网、区块链产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有标题/大标题文本均使用 Phantom 字体 350 字重;系统内任何位置均不可超过 400 字重
  • 统一应用 -0.025em 字间距;禁止使用默认或正向字间距
  • 所有按钮、标签和导航容器的边框圆角均设为 100px——胶囊形是强制要求,非可选
  • 关键区块背景在 #fdfcfe/#f4f2f4(浅)和 #3c315b(深)之间交替,以形成标志性的薰衣草到午夜的节奏
  • 按钮抬升使用品牌调色阴影 #e2dffe(0px 0px 4px)——禁止使用灰色或黑色阴影
  • 所有主要内容在最大宽度 1200px 时居中,且各垂直区块间距不少于 64px
  • 在展示标题中将品牌幽灵吉祥物作为文字替换直接嵌入

建议避免

  • Phantom 字体中禁止使用 600 及以上字重——系统风格为轻声细语,粗体会破坏整体调性
  • 禁止使用灰色(#000000)阴影——所有抬升必须使用品牌调色 #e2dffe
  • 交互元素的圆角在低于 16px 时禁止使用锐角——系统整体为强烈圆角设计
  • 禁止在非成功/交易状态标识场景中使用 #2ec08b(绿色)——该色具有语义,非装饰用途
  • 每个区块内禁止出现多个幽灵吉祥物——该角色为标点,非背景装饰
  • 禁止将中性灰(#86848d)用于正文——仅限图标和弱化的重要元数据
  • 禁止创建多列式首屏布局——主要内容必须为居中的垂直堆叠