Rivulet Design System

Design system / 设计系统

两套语言,一条品牌蓝。Two languages, one current.

产品界面与品牌站点在视觉上几乎是相反的:一个深色、玻璃、胶囊按钮;一个米纸、墨色、零圆角。它们唯一共享的是 #1456F0。 这里把两者的令牌、基础组件与用法分别固化成两个可交付的 UI 库,而不是强行合并成一套。

GitSource / Product 新建仓库
R
rivulet / design-system
TypeScript · 更新于 3 小时前
Star 128
design-system v0.4.4

GitSource Design System

产品级界面语言。深色优先(默认 dark),玻璃材质分层,胶囊按钮,单一品牌蓝强调,11px 微型排版配专用墨色。

Vue 316px cardglassdark-firstspot-hover
进入组件库↗
Rivulet / Editorial Vol. 06

Field notes / 涧流志

六条支流Six tributaries, one current.

No. 01 — 06Est. 2024

Rivulet Editorial

品牌站的编辑版式。米纸底、近乎纯黑的墨、0.72 黑透明度的骨架线、超大负字距标题,衬线只做斜体点缀。

HTML/CSSpaper #f2f0e80 radiusmono labels
进入组件库↗

令牌与产物

103 tokens · 2 systems
关于令牌漂移

扫描中发现若干同名语义存在多个取值(例如主文字色有 #111111 / #1d1d1f / #e6edf3 三套,页面底色有 #f5f5f7 / #04070e / #060a14 三套)。本库不静默合并,而是在各库的 Foundations 页末尾单列 Conflicts 区块,逐条标注源码行号,留给后续统一决策。