Driftless

基础

按钮

按钮采用 primary 变体、md 尺寸,圆角 8px,按下时用 transform 轻压,禁止外发光。

变体: 主按钮 · 次按钮 · 幽灵 · 危险

依赖的 token: button-primary, button-primary-hover

电影电商 Cinematic Commerce

黑场、侧逆光与一件主角商品,像电影开场前的第一帧。

纸感 Paper

暖纸上的墨迹,像一本摊开的笔记本。

新拟态 Neumorphism

软凸起与凹槽,像一块打磨过的陶瓷面板。

便当格 Bento

不对称格子里装着模块,像一份精心分格的便当。

高级留白 Premium

画廊灯光下的锌灰与一枚哑光点缀。

干净极简 Clean

功能优先的网格,只留一枚冷静蓝。

新野兽派 Neobrutalism

硬边、硬阴影、一记明黄,海报贴在墙上。

玻璃拟态 Glassmorphism

雾面玻璃后的冷色天空。

大字报 Bold

标题占满视野,像一张贴满墙的海报。

杂志 Editorial

衬线标题与细线栏,像一本打开的杂志。

终端 Mono

等宽墨水打在炭黑屏幕上。

黏土 Claymorphism

厚边与软阴影,像刚捏好的黏土块。

原生 Apple

系统灰与一枚标准蓝,像刚开箱的 iPhone。

液态玻璃 Liquid Glass

折射与弹簧高光,像刚按下去的控制中心。

精确紫 Precise Violet

几乎看不见的网格,只剩一枚冷静紫。

渐变工坊 Gradient Atelier

细渐变与轻字重,像一张印得很好的收据。

暖白书桌 Warm Desk

暖白纸与衬线标题,像一间安静的书房。

黑白 Geist

只有黑与白,字距收得很紧。

画廊白空间 Gallery Space

大留白与摄影,像一座产品展厅。

键盘暗色 Keyboard Dark

暗室里的快捷键,紫光只在焦点上。

珊瑚市集 Coral Market

圆角与珊瑚红,像一间温暖的民宿前台。

夜柠 Night Lime

炭黑底上的一抹酸绿,像夜间播放列表。