Modal

近黑色基底、磨砂表面与紧密字距。
页面以近黑色为基底,搭配浅绿色文字。字体采用 Goga、Inter Variable。视觉特点包括磨砂表面、紧密字距、细线分隔、宽松留白。适合参考的场景:开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 在每个视口的单个元素上使用 #7fee64(青柠脉冲)作为填充——即首屏 CTA 胶囊、激活标签或标志。禁止将其铺满整个表面。
- 全局设置 Inter 字体特性为 'cv11',Goga 为 'ss01'——这些变体属于品牌标识,非可选。
- 正文文本默认使用 #8cab87(萨格 60)在 #000000 背景上——19:1 的对比度意味着可读性从未成为问题;柔和的绿色是可读状态。
- 标题使用 Goga 字体并设置负字间距(42px 时为 -0.336px,64px 时为 -0.448px)——紧密的设置是标志性特征,不可省略。
- 按钮使用 12px 圆角,卡片使用 8px 圆角——这两个数值定义了几何形态。禁止引入新的圆角变量。
- 通过表面值变化(#000000 → #181818 → #212525)和 1px #485346 细线来传达深度。仅在导航栏使用阴影。
- 主要卡片和内容区块使用 32px 内边距。舒适的密度是不可妥协的——拥挤的布局破坏了终端的隐喻。
建议避免
- 禁止将鲜明的青柠色(#7fee64)用作正文文本颜色——它仅用于填充、标志和首屏短语。
- 禁止在卡片、按钮或内容区块上添加阴影。系统仅使用一个阴影(导航栏),且该阴影为上限。
- 禁止引入蓝色、紫色或任何非绿色的色彩点缀。该系统本质上是绿色于黑色的单色设计。
- 禁止将 #ddffdc(磷光白)用于正文段落——该色仅用于标题、图标和按钮文本。正文必须使用柔和的萨格色阶(#8cab87、#677d64)。
- 禁止在展示标题中使用 Inter 字体。H1 至 H4 以及卡片标题必须使用 Goga;Inter 仅用于 UI 元素和正文。
- 禁止在卡片或面板上使用完全圆角(9999px)。胶囊形圆角仅用于 CTA、标签和链接芯片。
- 禁止使用原始白色 #ffffff 或纯绿色 #00ff00。磷光色系刻意去饱和且略带暖感——饱和的主色在虚空画布上显得格格不入。