01
02
03
04
Tools
常用工具入口
先把设计工作流里最常用的动作放到首页，后续可以继续扩展为真实交互工具。
Gradients
免费渐变背景
每张卡片都能预览颜色、复制 CSS，并保留下载链接字段。
AI Background
AI 生成背景展示
用提示词、用途和预览效果组织 AI 背景素材，方便后续替换成真实图片库。
陶瓷柔光
作品集封面、品牌提案、产品展示
液态信号
AI 应用官网、功能发布、社交媒体封面
纸面轨道
文章头图、知识库封面、课程视觉
Use Cases
适合多种设计场景
从视觉探索到前端交付，素材结构尽量贴近真实工作流。
产品官网首屏
使用渐变作为视觉底层，再叠加文字、卡片或产品截图，快速建立风格方向。
社交媒体封面
使用渐变作为视觉底层，再叠加文字、卡片或产品截图，快速建立风格方向。
SaaS 仪表盘
使用渐变作为视觉底层，再叠加文字、卡片或产品截图，快速建立风格方向。
作品集展示
使用渐变作为视觉底层，再叠加文字、卡片或产品截图，快速建立风格方向。
课程与知识库
使用渐变作为视觉底层，再叠加文字、卡片或产品截图，快速建立风格方向。
AI 工具界面
使用渐变作为视觉底层，再叠加文字、卡片或产品截图，快速建立风格方向。
FAQ
部署、授权和素材使用的常见问题。
这些渐变素材可以免费用于商业项目吗？
第一版素材可免费用于个人和商业项目。请不要直接转售、打包分发或声称由你原创发布。
下载链接现在会下载真实文件吗？
当前版本先保留下载入口和数据字段，方便后续接入静态 CSS、PNG 或 ZIP 文件。
可以把 CSS 代码直接用于 Tailwind 项目吗？
可以。你可以复制到 style 属性、CSS 文件，或写入 Tailwind 的任意值语法中。
AI 背景是如何生成的？
本版本展示的是本地数据中的提示词和预览效果，后续可以扩展为真实图片素材或接入生成服务。