DESIGN SYSTEM / 01

Style Guide

设计
系统

这个站点的全部视觉规则都收在这一页:颜色、字号、间距、圆角与卡片结构。 改这里的 token,四个页面会一起变。

主色
香槟金

#c2a173 —— 用于强调、数字与描边高光

底色
#070708

近黑冷调,让金色与玻璃层次浮起来

色板
bg
panel
gold
gold-hi
ink
ok
warn

前六色供主站与测试页使用;金色为唯一强调色,其余色仅作状态提示。

字号阶梯
hero跨年夜 2027
h1星轨倒计时
h2节目单与时间线
body正文 14–15px,行高 1.7 左右
sm辅助说明 11.5–12.5px

全部基于 clamp(),手机到桌面不用写两套断点。

间距
8pt

4 / 8 / 12 / 16 / 24 / 32 / 48 / 64

圆角
8–22px

卡片 16,抽屉 32,胶囊全圆

技术约束
外部依赖three.jsCDN
字体系统栈0 KB
动画CSS + rAF无库
总页面5 个 HTML单文件

除 3D 页面外不依赖任何框架,双击即开,断网也能看。