DESIGN SYSTEM · 令牌驱动

让每一份设计,
都能被稳定复刻

4 种风格模板的可视化门户。同一套组件、4 套令牌, 只换一个 CSS 文件就能彻底变样——这就是令牌驱动的力量。

CLASSIC · 经典风格

经典风格 · 十种

下面 10 张卡片各用各的真实配色。点进去看完整落地页——它们共享同一份 base.css 和 components.css,仅仅是 tokens.css 不同。覆盖治愈、科技、活泼、国风、奢华、粗野、玻璃、极繁、复古、大地全谱系。

MATERIALS · 材质与质感

材质质感类

同样的布局,换一种"材质"气质全变:金属的冷峻、哑光的高级、做旧的故事感、透明的轻盈、织物的温暖。

MOVEMENTS · 风格与流派

风格流派类

设计史上的经典流派:从少即是多的极简,到三原色几何的包豪斯,从赛博怀旧的蒸汽波,到华丽戏剧的巴洛克。

MOODS · 氛围与情绪

氛围情绪类

同样的内容,换一种"情绪"感受全变:静谧的沉思、旷野的自由、疏离的冷感、温润的亲和、锋芒的攻击。

SCI-FI · 科技与未来

科技未来类

面向未来的视觉语言:数字像素的终端感、仿生的有机生命、光影的梦幻流动、参数化的算法形态。

CULTURES · 文化与地域

文化地域类

世界各地的设计语言:和风的禅意、北欧的 Hygge、摩洛哥的瓷砖、南洋的热带华洋。