浅底紫青双色，打字指示器、流式文本等 AI 特征动效。适合 AI 产品、对话式助手。
流式动效轻装饰科技感
查看官方提示词
请以「AI-Native UI」样板的设计语言，实现：〔在这里写下你的页面需求与主题，主题由你确定〕
▍本页设计 token（实际使用值）：
- 主 #7C3AED / 辅 #A78BFA / 强调 #0891B2（青）/ 底 #FAF5FF / 卡白
- 标题 Space Grotesk + 正文 DM Sans；圆角 12-18px，柔和紫阴影
▍动效（只此一次）：三点点头打字指示 + 流式文本光标闪烁，其余仅 hover 微浮
▍必须避开（AI 指纹清单）：
- ALL-CAPS 装饰眉标（信息行须有语义：档案编号 / 收录条数 / 授权方式）
- 按钮尾部箭头 →、中点分隔 meta、逐卡片 fade-in、默认 Inter 字体、emoji 图标
▍验收：正文对比度 ≥4.5:1；:focus-visible；prefers-reduced-motion；响应式 375/768/1440
深色底 + 玻璃卡模糊 + 金色点缀 + 衬线大标题。高端会员、发布会质感。
backdrop-blur光斑背景衬线标题
查看官方提示词
请以「Liquid Glass 黑金」样板的设计语言，实现：〔需求〕
▍本页设计 token：
- 底 #0A0908 深黑 / 点缀金 #D4A857 / 文字 #F5F1E8 / 玻璃卡 rgba(255,255,255,.06) + blur(24px)
- 标题 Cormorant（衬线）+ 正文 Montserrat；罗马数字 No. I/II/III 分节（展览语义）
▍动效：无入场动画，材质本身即视觉；hover 仅玻璃卡边框转金
▍必须避开（AI 指纹清单）：
- ALL-CAPS 眉标（展期 / 展厅号是语义信息行）；按钮尾箭头；逐卡 fade-in；米白+赤陶默认配色；emoji 图标
▍验收：对比度 ≥4.5:1；:focus-visible 金色环；prefers-reduced-motion；响应式 375/768/1440
粗黑边框、硬阴影、锐角大色块与跑马灯，文案直接喊话。
硬阴影大字报高对比
查看官方提示词
请以「Brutalism」样板的设计语言，实现：〔需求〕
▍本页设计 token：
- 主 #EC4899 粉 / 强调 #EA580C 橙 / 底 #FDF2F8 / 边框 3px 黑 #101014
- 标题 Outfit 900 + 正文 Rubik；圆角 0；硬阴影 6px 6px 0 纯黑；过渡 0ms（瞬时即风格）
▍动效：瞬时位移（hover 位移+阴影加深，无平滑过渡）；跑马灯滚动演出词条
▍必须避开（AI 指纹清单）：
- 按钮尾箭头 →；ALL-CAPS 装饰眉标（演出场次/开演时间是语义行）；柔和圆角阴影；emoji 图标
- 编号仅用于真实序列（周四/周六/月末的演出排期）
▍验收：对比度 ≥4.5:1；:focus-visible；prefers-reduced-motion（跑马灯停）；响应式 375/768/1440
专业蓝 + 成交绿、零阴影零渐变、表格状态标签齐全。B 端工作台首选。
零装饰高密度可信感
查看官方提示词
请以「Flat Design」样板的设计语言，实现：〔需求〕
▍本页设计 token：
- 主 #2563EB 蓝 / 强调 #059669 绿 / 底 #F8FAFC / 边 #E4ECFC
- 标题 Lexend + 正文 Source Sans 3；圆角 6-8px；无阴影，边框分隔
▍动效：仅 180ms ease 的底色/透明度切换，无入场动画
▍必须避开（AI 指纹清单）：
- ALL-CAPS 眉标（班次表/票价是语义行）；按钮尾箭头；逐卡 fade-in；阴影与渐变（本风格零容忍）；emoji 图标
▍验收：对比度 ≥4.5:1；:focus-visible；prefers-reduced-motion；响应式 375/768/1440；表格移动端横向可滚
多团渐变光斑缓慢漂移、渐变流光按钮——与项目“浅极光画布”同族。
mesh 渐变缓慢流动氛围感
查看官方提示词
请以「Aurora UI」样板的设计语言，实现：〔需求〕
▍本页设计 token：
- 主 #7C3AED / 辅 #6366F1 / 强调 #EC4899 + #06B6D4 / 底 #FAF5FF + 光斑 radial-gradient
- 标题 Space Grotesk + 正文 DM Sans；玻璃感卡片 rgba(255,255,255,.72)
▍动效（克制）：光斑 8-12s 缓慢漂移（氛围）+ 渐变文字流光；其余仅 hover
▍必须避开（AI 指纹清单）：
- ALL-CAPS 装饰眉标（天象/观测时间/云量是语义行）；按钮尾箭头；逐卡 fade-in；默认 Inter；emoji 图标
▍验收：对比度 ≥4.5:1（浅底渐变上尤注意）；:focus-visible；prefers-reduced-motion 光斑静止；响应式 375/768/1440
同色底面靠双向软阴影塑形，按钮开关有物理按键手感。
双向阴影凹凸控件低饱和
查看官方提示词
请以「Neumorphism」样板的设计语言，实现：〔需求〕
▍本页设计 token：
- 底=卡面 #EAE6F3 同色 / 主 #7C3AED / 强调 #059669
- 凸起阴影 -7px -7px 14px 白 + 7px 7px 14px 暗紫；按下=内凹 inset 同参
- 标题 Plus Jakarta Sans；圆角 18-26px
▍动效：开关按压 150ms（内凹反馈），无入场动画
▍必须避开（AI 指纹清单）：
- ALL-CAPS 眉标（泉质/満室数/泉温是语义行）；按钮尾箭头；逐卡 fade-in；强对比描边；emoji 图标
- 可访问性高危风格：弱文字对比需专门校验 ≥4.5:1，焦点环用主色 3px
▍验收：:focus-visible；prefers-reduced-motion；响应式 375/768/1440
Apple 发布会式变跨度卡片网格（2×2 / 2×1 / 1×1）+ 迷你图表。
变跨度网格模块化Apple 风
查看官方提示词
请以「Bento Box Grid」样板的设计语言，实现：〔需求〕
▍本页设计 token：
- 底 #F5F5F7 / 卡白 / 主 #7C3AED / 强调 #059669
- 标题 Inter 800；圆角 24px；微阴影 0 4px 6px rgba(0,0,0,.05)；瓦片跨度 2×2/2×1/1×1
▍动效：hover scale(1.02) 仅此一处
▍必须避开（AI 指纹清单）：
- ALL-CAPS 眉标（炉次号/醒面时长/出炉时间是语义行）；按钮尾箭头；逐卡 fade-in；无语义 01/02/03；emoji 图标
▍验收：对比度 ≥4.5:1；:focus-visible；prefers-reduced-motion；响应式 4→2→1 列
波点底纹 + 三角圆环波浪装饰 + 四色碰撞贴纸卡。（本页即此风格）
几何装饰波点纹理复古活泼
查看官方提示词
请以「Memphis Design」样板的设计语言，实现：〔需求〕
▍本页设计 token（官方色板）：
- 粉 #FF71CE / 黄 #FFCE5C / 青 #86CCCA / 蓝紫 #6A7BB4 / 墨 #16161D / 底 #FFFDF6
- 标题 Outfit 800 + 正文 Rubik；粗黑边 3px；硬阴影 8px 8px 0 轮换四色；元素轻微 rotate
▍动效：色块/贴纸瞬时入场，hover 位移加深硬阴影
▍必须避开（AI 指纹清单）：
- ALL-CAPS 装饰眉标（到港时间/摊位数/更新时间是语义行）；按钮尾箭头；柔和渐变阴影；emoji 图标
▍验收：对比度 ≥4.5:1（四色上放字注意）；:focus-visible；prefers-reduced-motion；响应式 375/768/1440