内容
Hero
Hero 使用 left 布局,最多一个主 CTA,禁止「Scroll to explore」。
变体: 左对齐 · 居中 · 分屏
依赖的 token: hero
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
黑场、侧逆光与一件主角商品,像电影开场前的第一帧。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
暖纸上的墨迹,像一本摊开的笔记本。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
软凸起与凹槽,像一块打磨过的陶瓷面板。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
不对称格子里装着模块,像一份精心分格的便当。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
画廊灯光下的锌灰与一枚哑光点缀。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
功能优先的网格,只留一枚冷静蓝。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
硬边、硬阴影、一记明黄,海报贴在墙上。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
雾面玻璃后的冷色天空。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
标题占满视野,像一张贴满墙的海报。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
衬线标题与细线栏,像一本打开的杂志。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
等宽墨水打在炭黑屏幕上。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
厚边与软阴影,像刚捏好的黏土块。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
系统灰与一枚标准蓝,像刚开箱的 iPhone。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
折射与弹簧高光,像刚按下去的控制中心。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
几乎看不见的网格,只剩一枚冷静紫。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
细渐变与轻字重,像一张印得很好的收据。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
暖白纸与衬线标题,像一间安静的书房。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
只有黑与白,字距收得很紧。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
大留白与摄影,像一座产品展厅。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
暗室里的快捷键,紫光只在焦点上。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
圆角与珊瑚红,像一间温暖的民宿前台。
Give your AI a visual spine.
Compose tokens and components, then export a spec Cursor can follow.
炭黑底上的一抹酸绿,像夜间播放列表。