Metamask

白色基底、胶囊形控件与大字排版。
页面以白色为基底,搭配近黑色文字。字体采用 MMPolyVariable、MMSansVariable。视觉特点包括胶囊形控件、大字排版、满幅色块、错落拼贴。适合参考的场景:技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 展示标题采用MMPolyVariable 400、75–158px,始终在#fff1eb画布上使用#3d065f或#190066。
- CTA采用#0a0a0a胶囊、9999px圆角,标签为MMEuclidCircularB 700、14px白色,内边距11px/20px。
- 页面画布设为#fff1eb,绝不用纯白作为整页背景。
- 每张功能卡片轮换一种强调色洗,可选Lime Wash、Lilac Haze、Apricot或Sky Wash;选一种,而非两种。
- 让装饰形状越过卡片边界;紫色碎片延伸到卡片边缘之外,是标志性特征,而非缺陷。
- 正文保持紧凑,MMEuclidCircularB 14–16px、1.5行高,主要文字#0a0a0a,次级#393d46。
- 展示文字最多叠为3行,行高1.0–1.16;标题本身就是首屏。
建议避免
- MMPolyVariable不要低于32px;它会难以辨认,并失去身份。
- 胶囊CTA不要使用彩色,不采用紫或绿胶囊;黑色胶囊就是品牌。
- 卡片不要添加box-shadow;设计依靠平面彩色表面,而非抬升。
- 文字或按钮不要使用纯#000000,所有地方都采用#0a0a0a。
- 页面分区不要在深浅色之间交替;整个网站始终位于唯一的#fff1eb画布上。
- 同一卡片表面不要混用超过两种强调色;轮换方式是每个区块一种色洗。
- 宽于65ch的正文段落不要居中,导航栏也不要添加顶部边框或投影。