Doodle is the hand-drawn sketchbook style: handwritten type, wobbly lines, and casually drawn icons keep the interface as approachable as a notebook, with navy (#263D5B) and sky blue (#49B6E5) reading like ballpoint and marker. Perfectionism is deliberately set aside — liveliness and honesty come first. Made for personal blogs, creative tools, and lighthearted brand voices.
MinimalCreative
Prompt Template
Base Template
Design a Doodle-inspired interface. Colors: #263D5B, #16A34A, #D97706, #DC2626 with #263D5B accent. Typography: #49B6E5.
Variant Prompts
📱 Mobile
Design a mobile app with Doodle aesthetics. Use Doodle color identity with #263D5B accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Doodle style. Use Doodle color identity with #263D5B accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Doodle design language. Use Doodle color identity with #263D5B accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Doodle visual identity. Use Doodle color identity with #263D5B accents. Compelling, conversion-focused.
Usage Examples
Doodle App
WebBuild a web app with Doodle design language and #263D5B color system.
Doodle Dashboard
DashboardCreate a dashboard using Doodle style with data visualization and #49B6E5 typography.
✅ Best For
- Creative
- Kids and education products
- Playful personal projects
❌ Avoid For
- Solemn financial institutions
- High-precision professional tools
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.