Design system / 设计系统
产品界面与品牌站点在视觉上几乎是相反的:一个深色、玻璃、胶囊按钮;一个米纸、墨色、零圆角。它们唯一共享的是 #1456F0。
这里把两者的令牌、基础组件与用法分别固化成两个可交付的 UI 库,而不是强行合并成一套。
产品级界面语言。深色优先(默认 dark),玻璃材质分层,胶囊按钮,单一品牌蓝强调,11px 微型排版配专用墨色。
Field notes / 涧流志
六条支流Six tributaries, one current.
品牌站的编辑版式。米纸底、近乎纯黑的墨、0.72 黑透明度的骨架线、超大负字距标题,衬线只做斜体点缀。
--color-* 作用于 :root/.dark,--rv-* 作用于 .rv 作用域。
tokens.json
结构化令牌,每条带源码路径与行号,可直接喂给设计工具。
tailwind.preset.js
GitSource 的 Tailwind preset,与 frontend/tailwind.config.js 同源。
扫描中发现若干同名语义存在多个取值(例如主文字色有 #111111 / #1d1d1f / #e6edf3 三套,页面底色有 #f5f5f7 / #04070e / #060a14 三套)。本库不静默合并,而是在各库的 Foundations 页末尾单列 Conflicts 区块,逐条标注源码行号,留给后续统一决策。