Status

近黑色基底、胶囊形控件与居中构图。
页面以近黑色为基底,搭配白色文字。局部操作控件以蓝色强调。字体采用 Inter。视觉特点包括胶囊形控件、居中构图、网格布局、渐变展示。适合参考的场景:区块链项目介绍页、生态网站首页。
查看原始网站使用规范
建议采用
- 所有文字用 Inter,无次级字体、衬线或展示字体。
- 展示标题设为 88px,字间距 -1.85px,行高 0.95,形成紧密、机加工文字块。
- Signal Blue #2a4af5 专用于填充主要操作,绝不装饰、图标或文字强调。
- 所有按钮圆角 12px,卡片 20px,标签与胶囊 9999px。
- 浮起表面叠层为 Midnight Ink #09101c → Slate Depth #131d2f → Graphite Plate #3a4049。
- 主要视觉内容使用设备样机,产品界面承载页面,而非摄影。
- 深浅区块交替,并用 80px 间距建立全页呼吸节奏。
建议避免
- Status Violet #7140fd 不要用于按钮、链接或操作,只用于标志、渐变、装饰场景等品牌身份。
- 阴影不要强于 rgba(9,16,28,0.08) 0px 4px 20px,系统避免重浮起。
- 不要使用生活方式摄影、图库图像或情境场景,只用设备样机与抽象渐变。
- 正文不要高于 16px 或低于 13px,15-16px 范围是可读最佳点。
- 文字不要应用渐变,渐变只属于氛围背景。
- 功能网格图标不要用饱和色,除非代表加密货币符号等特定品牌 Token。
- 单一区块不要混合深浅,区块背景必须统一,过渡只在区块边界。