Clay 是全球知名的创意机构，以艺术指导级的网页设计著称。其界面用暖奶油画布（#faf9f7）配燕麦色描边（#dad4c8）营造手作感而非临床感，色板拥有俏皮的水果名字——抹茶、冰沙、柠檬、紫薯、石榴、蓝莓、火龙果；Roobert 字体开满 5 组 OpenType 风格集，悬停动画大胆旋转上升配硬偏移阴影，Space Mono 负责代码与技术标签。适合创意机构与艺术指导型项目。
创意艺术Vibrant
提示词模板
基础模板
Design a Clay-inspired interface. - Warm cream canvas (#faf9f7) with oat-toned borders (#dad4c8) — artisanal, not clinical; - Named swatch palette: Matcha, Slushie, Lemon, Ube, Pomegranate, Blueberry, Dragonfruit; - Roobert font with 5 OpenType stylistic sets — quirky geometric character; - Playful hover animations: rotateZ(-8deg) + translateY(-80%) + hard offset shadow; - Space Mono for code and technical labels. Colors: #000000, #ffffff, #faf9f7, #84e7a5 with #84e7a5 accent. Typography: Roobert.
变体提示词
📱 移动端
Design a mobile app with Clay aesthetics. Use Clay color identity with #84e7a5 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Clay style. Use Clay color identity with #84e7a5 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Clay design language. Use Clay color identity with #84e7a5 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Clay visual identity. Use Clay color identity with #84e7a5 accents. Compelling, conversion-focused.
使用示例
Clay 应用
Web 端Build a web app with Clay design language and #84e7a5 color system.
Clay 仪表板
仪表板Create a dashboard using Clay style with data visualization and Roobert typography.
✅ 适合场景
- 设计协作
- 设计机构作品集与品牌站
- 需要艺术指导感的营销页
❌ 不适合场景
- 严谨的企业后台系统
- 高密度数据仪表盘
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。