Lithic
白色基底、细线分隔与宽松留白。
Hyper Foundation
近黑色基底、胶囊形控件与宽松留白。
页面以近黑色为基底。局部操作控件以绿色强调。字体采用 Teodor、Inter。视觉特点包括胶囊形控件、宽松留白、衬线字形、网格布局。适合参考的场景：技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 任何屏幕上，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 不要作为可见的装饰性边框。它只用于几乎不可见的结构细线。
- 正文段落不要居中，保持左对齐，以维持编辑阅读节奏。
