Clay

Difficulty:
Company
C

Effect Preview

Style Description

Creative agency. Organic forms, soft gradients, art-directed layout

Tags

ClayDesign

Prompt Template

Base Template
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.

Variant Prompts

📱 Mobile
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.
📊 Dashboard
Design a dashboard with Clay design language. Use Clay color identity with #84e7a5 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Clay visual identity. Use Clay color identity with #84e7a5 accents. Compelling, conversion-focused.

Usage Examples

Clay App

Web App
Build a web app with Clay design language and #84e7a5 color system.

Clay Dashboard

Dashboard
Create a dashboard using Clay style with data visualization and Roobert typography.

✅ Best For

  • Design
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines