Privy

白色基底、胶囊形控件与圆角卡片。
页面以白色为基底,搭配近黑色文字。字体采用 ABC Favorit Variable、Inter。视觉特点包括胶囊形控件、圆角卡片、紧密字距、细线分隔。适合参考的场景:区块链项目介绍页、生态网站首页。
查看原始网站使用规范
建议采用
- 所有26px及以上展示标题使用ABC Favorit(或GT Super / Source Serif 4替代字体),展示字号绝不用Inter替代;字体对比就是品牌。
- 展示标题采用400字重、-0.03em字间距及1.03–1.15行高,紧凑字间距与轻字重是标志性特征,不要加粗。
- 所有填充主要按钮使用#010110(Obsidian Ink),而非#635bff;紫罗兰色仅用于公告栏和链接。
- #635bff(Iris Pulse)严格限定在三种场景:公告栏填充、行内链接悬停,以及装饰性图表描边,绝不用于正文、边框或大面积填充。
- 所有按钮和标签采用胶囊圆角(100px),所有卡片和图片8px,图标2px,不要在系统中混入其他圆角值。
- 分隔线和卡片边缘采用降低不透明度的#010110、1px极细边框,不用彩色边框或阴影进行分隔。
- Iris Pulse公告栏作为铺满画面的色带放在导航上方,而非导航内部;彩色转折必须先于其他UI出现。
建议避免
- 不要将#635bff用作CTA按钮填充;主要操作始终为#010110,紫罗兰色只属于公告色带和链接场景。
- 40px+的标题不要使用Inter;展示字号必须使用定制衬线字体或其替代字体。
- 不要为卡片或按钮添加投影;系统依靠平坦表面、极细边框和背景明暗变化建立层级。
- 不要引入额外强调色,如绿色、蓝色或橙色;色板严格限定为单色调加一种紫罗兰色。
- 正文的字间距不要大于-0.02em,展示文字不要大于-0.03em;系统的字间距刻意极紧。
- 浅色模式页面上不要使用深色表面色板(#111117、#22222a);深色是区块选择,而非主题开关。
- 不要混入8px到100px之间的圆角值;卡片和图片严格为8px,按钮和标签严格为100px。