Driftless

内容

Hero

Hero 使用 left 布局,最多一个主 CTA,禁止「Scroll to explore」。

变体: 左对齐 · 居中 · 分屏

依赖的 token: hero

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
电影电商 Cinematic Commerce

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
纸感 Paper

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
新拟态 Neumorphism

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
便当格 Bento

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
高级留白 Premium

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
干净极简 Clean

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
新野兽派 Neobrutalism

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
玻璃拟态 Glassmorphism

雾面玻璃后的冷色天空。

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
大字报 Bold

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
杂志 Editorial

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
终端 Mono

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
黏土 Claymorphism

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
原生 Apple

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
液态玻璃 Liquid Glass

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
精确紫 Precise Violet

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
渐变工坊 Gradient Atelier

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
暖白书桌 Warm Desk

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
黑白 Geist

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
画廊白空间 Gallery Space

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
键盘暗色 Keyboard Dark

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
珊瑚市集 Coral Market

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

DESIGN.md for agents

Give your AI a visual spine.

Compose tokens and components, then export a spec Cursor can follow.

Export DESIGN.md
夜柠 Night Lime

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