Gradient 是渐变驱动的界面：色彩在页面上连续流动，洋红（#E60076）到紫（#990FFA）的过渡像暮色天空；渐变承担氛围、重点与分隔，让静态布局产生动势。适合品牌官网、创意产品与需要「流动感」的视觉叙事。
创意艺术Vibrant
提示词模板
基础模板
Design a Gradient-inspired interface. Colors: #E60076, #16A34A, #D97706, #DC2626 with #E60076 accent. Typography: #990FFA.
变体提示词
📱 移动端
Design a mobile app with Gradient aesthetics. Use Gradient color identity with #E60076 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Gradient style. Use Gradient color identity with #E60076 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Gradient design language. Use Gradient color identity with #E60076 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Gradient visual identity. Use Gradient color identity with #E60076 accents. Compelling, conversion-focused.
使用示例
Gradient 应用
Web 端Build a web app with Gradient design language and #E60076 color system.
Gradient 仪表板
仪表板Create a dashboard using Gradient style with data visualization and #990FFA typography.
✅ 适合场景
- 视觉效果场景
- 现代产品官网
- 创意活动页面
❌ 不适合场景
- 极简黑白工具
- 严肃数据后台
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。