Phantom

白色基底、紧密字距与网格布局。
页面以白色为基底,搭配近黑色文字。字体采用 Phantom。视觉特点包括紧密字距、网格布局。适合参考的场景:区块链项目介绍页、生态网站首页。
查看原始网站使用规范
建议采用
- 所有导航容器、按钮和标签使用 100px 圆角,胶囊几何是系统定义轮廓。
- 默认所有文字字重 350,400 留给需要额外可读性的正文。
- 每种字号都应用 -0.025em 字间距,紧密字间距对品牌忠实不可妥协。
- Ghost Lavender #e2dffe 作为主要行动填充,配 rgb(226,223,254) 0px 0px 4px 0px 光晕阴影。
- 浅色与 Aubergine 深色区块交替形成节奏,两种模式同样属于系统。
- 64px 及以上展示字号行高压至 1.0-1.1,让巨大文字无间隙地垂直呼吸。
- 展示标题中一个元音替换为 Periwinkle #ab9ff2 色的幽灵吉祥物,体现品牌趣味。
建议避免
- 除主要行动按钮唯一 4px 紫光晕外,不要用投影,系统保持平面。
- 文字不要用字重 600+,350 低声字重是品牌声音,而非可选强调方式。
- 不要用低于 16px 的利落转角,世界由胶囊与柔胶囊形构成。
- 不要引入粉彩强调组 #4a87f2、#ffffc4、#ffdadc 之外的饱和色,色板刻意狭窄。
- 正文不要超过 16px、字重 400,也不用高于 1.4 的行高;可读规则适用,但保持克制。
- 不要用渐变、图案或背景图片等高对比装饰元素,表面始终纯色。
- 卡片圆角不要低于 24px,小元素不要低于 16px,每个容器都应柔软。