Phantom

白色基底、胶囊形控件与大字排版。
页面以白色为基底,搭配深蓝色文字。字体采用 Phantom。视觉特点包括胶囊形控件、大字排版、宽松留白。适合参考的场景:技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 所有标题/大标题文本均使用 Phantom 字体 350 字重;系统内任何位置均不可超过 400 字重
- 统一应用 -0.025em 字间距;禁止使用默认或正向字间距
- 所有按钮、标签和导航容器的边框圆角均设为 100px——胶囊形是强制要求,非可选
- 关键区块背景在 #fdfcfe/#f4f2f4(浅)和 #3c315b(深)之间交替,以形成标志性的薰衣草到午夜的节奏
- 按钮抬升使用品牌调色阴影 #e2dffe(0px 0px 4px)——禁止使用灰色或黑色阴影
- 所有主要内容在最大宽度 1200px 时居中,且各垂直区块间距不少于 64px
- 在展示标题中将品牌幽灵吉祥物作为文字替换直接嵌入
建议避免
- Phantom 字体中禁止使用 600 及以上字重——系统风格为轻声细语,粗体会破坏整体调性
- 禁止使用灰色(#000000)阴影——所有抬升必须使用品牌调色 #e2dffe
- 交互元素的圆角在低于 16px 时禁止使用锐角——系统整体为强烈圆角设计
- 禁止在非成功/交易状态标识场景中使用 #2ec08b(绿色)——该色具有语义,非装饰用途
- 每个区块内禁止出现多个幽灵吉祥物——该角色为标点,非背景装饰
- 禁止将中性灰(#86848d)用于正文——仅限图标和弱化的重要元数据
- 禁止创建多列式首屏布局——主要内容必须为居中的垂直堆叠