Hyper Foundation

鲜活的翡翠庇护所:深森林般的密室中,一缕明亮的薄荷辉光在有机、带阴影的形态间呼吸。
Hyperliquid 像一个深色、具有编辑气质的加密金融环境:深森林绿画布中,有机、柔和发光的蓝绿色形态仿佛在呼吸,无需具象图像就能创造纵深。唯一发光薄荷色在深色表面上承担全部操作、图标和文字强调,构成近乎单色的配色,亮度像标点一样受到限制。展示标题使用定制衬线字体 Teodor,字号为 90px,紧密行高为 0.75;这种杂志般的编辑手法,与保持安静对话语气的轻字重 Inter 正文形成对比。60px 圆角的胶囊控件构成主要交互语言,搭配宽裕负空间,以及唯一标志性的薄荷辉光阴影,让抬升表面更像光源,而不是漂浮面板。
查看原始网站使用规范
建议采用
- 任何屏幕上,Mint Glow #97fcd7 都是唯一完全饱和的颜色。每个视口只将它用于一个 CTA、一个品牌标志,或一处高亮。
- 展示标题使用 Teodor,字重为 400,字号为 90px,行高为 0.75。这种紧密行高是标志性的编辑手法。
- 正文和界面文字默认使用 Inter 字重 300;字重 400 只留给交互控件和强调。
- 每个按钮、标签和胶囊元素都使用 60px 圆角。锐利直角会显得不属于系统。
- 卡片通过薄荷色外发光阴影表达悬浮效果,绝不使用灰色投影叠层。
- 背景以有机、柔边的 Abyss Green、Deep Lagoon 和 Shadow Teal 形态,叠放在 Forest Depths 上。首屏区域绝不使用平面实心填充。
- 段落文字保持 Mist Gray #b0c5c1,Pure Light 只留给标题。这样才能让文字显得有层次,而不是统一白色。
建议避免
- 不要引入任何新的高饱和色相。全部彩色语汇都是薄荷色,加入红、蓝或黄会破坏纯净稀薄的氛围。
- box-shadow 不要采用灰色或黑色调。唯一允许的阴影颜色是薄荷辉光 rgba(151,252,215,0.4)。
- Teodor 不要小于 24px。它的编辑式细节在小字号下会消失,此时应由 Inter 接手。
- 交互元素不要使用方角或 4px 圆角。系统由 60px 胶囊几何形态定义。
- 小字号薄荷色文字不要在字重不足时直接放在 Forest Depths 画布上。深底薄荷文字至少需要 16px / 400 字重才能读清。
- Charcoal Hairline #2c2e33 不要作为可见的装饰性边框。它只用于几乎不可见的结构细线。
- 正文段落不要居中,保持左对齐,以维持编辑阅读节奏。