Claymorphism sculpts interface elements like soft clay toys: generous radii, chunky inner shadows, and outer highlights build the 3D feel, colors run pastel and shapes turn plump, and buttons look pinchable. The dimension comes not from realistic materials but from dual-shadow raised and pressed states. Made for kids' products, casual apps, and interfaces that must feel friendly and fun.
CreativeClaymorphism
Prompt Template
Base Template
Design a Claymorphism-inspired interface. Colors: #FFFFFF, #16A34A, #D97706, #DC2626 with #16A34A accent. Typography: #3B82F6.
Variant Prompts
📱 Mobile
Design a mobile app with Claymorphism aesthetics. Use Claymorphism color identity with #16A34A accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Claymorphism style. Use Claymorphism color identity with #16A34A accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Claymorphism design language. Use Claymorphism color identity with #16A34A accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Claymorphism visual identity. Use Claymorphism color identity with #16A34A accents. Compelling, conversion-focused.
Usage Examples
Claymorphism App
WebBuild a web app with Claymorphism design language and #16A34A color system.
Claymorphism Dashboard
DashboardCreate a dashboard using Claymorphism style with data visualization and #3B82F6 typography.
✅ Best For
- Effects
- Fun apps and kids products
- Playful mascot brand pages
❌ Avoid For
- Solemn corporate websites
- High-density data interfaces
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.