Glassnode

近白色基底、细线分隔与网格布局。
页面以近白色为基底。字体采用 Inter、Fraktion。视觉特点包括细线分隔、网格布局、渐变展示、摄影展示。适合参考的场景:技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 使用 #000000 作为主要按钮填充色,使用 #ffffff 作为深色背景上的文字 —— 严禁引入彩色的行动号召色
- 所有圆角统一设为 2px;系统的近矩形轮廓是标志性特征,不得超出 2px
- 默认使用 1px #dedfe1 边框来分隔表面;仅在首屏图表控件和主要按钮上使用阴影
- 在区块层级交替使用浅色与深色区块,以形成仪表盘编辑节奏
- UI 控件使用 Inter 500 字重,标题使用 700 字重;定制显示字体仅用于 56px 首屏 H1
- 保持画布 #edeff2 和提升卡片 #ffffff —— 严禁反转表面层级
- 将 #e2e7fc 作为唯一强调色使用 —— 作为标题中单词的柔和晕染或图表线条下方的填充使用
建议避免
- 严禁引入饱和的品牌色、渐变或彩色图标填充 —— 该系统本意为单色
- 严禁使用超过 2px 的圆角;8px 圆角卡片、16px 瓷砖等会破坏机构感
- 严禁叠加彩色阴影或发光效果;唯一合法的阴影是 2-4px 按钮下坠和首屏控件叠加阴影
- 严禁在首屏 H1 之下使用 Fraktion —— 定制字体是单次冲击性选择,非系统字体
- 严禁在白色背景上放置白色卡片而不带 #dedfe1 边框 —— 表面必须通过细线定义,而非填充变化
- 严禁打破 8px 间距体系;避免在列出的 设计变量(2/4/6/8/10/12/16/24/32)之间使用任意值
- 严禁使用 表情符号、彩色插图或摄影于产品界面 —— 视觉语言仅限于图表与文字