Playful Illustration
Make it more playful with fun illustrations and characters. Don't make it too serious.
Scroll sideways to explore the full example
Plan less.
Make more.
A friendly creative board for turning tiny sparks into finished things.
- Design one recognizable character voice: color, type, illustration, and copy should express the same personality
- Reserve exaggeration for emphasis: a headline, success response, or hero illustration can lead while other areas stay calm
- Rounded does not mean vague: buttons, inputs, and states still need clear boundaries and labels
- Let motion explain cause and effect: completion, dragging, and progress can feel elastic without slowing the task
When to use it
- Learning, creator, and lightweight productivity products that want a welcoming first experience◡TODAYThree tiny wins!+3
- Younger consumer and community brands where personality and warmth are meaningful differences✦Friendly, not childishClear action first
- Products with a mascot or illustration system that can support onboarding, empty states, and feedback✦Friendly, not childishClear action first
- Tasks that commonly create anxiety, where gentle language and positive response can reduce pressure◡TODAYThree tiny wins!+3
When NOT to use it
- Make every element bounce, rotate, and change color; constant interruption erases priorityBOUNCE! POP! WOW!Every element shouts at the same volume
- Confuse childish treatment with friendliness; adults enjoy lightness without being spoken down toBOUNCE! POP! WOW!Every element shouts at the same volume
- Use bright text with weak contrast; vivid surfaces still need a stable reading layerBOUNCE! POP! WOW!Every element shouts at the same volume
- Answer serious outcomes only with emoji; payment, access, and errors still require precise explanationBOUNCE! POP! WOW!Every element shouts at the same volume
Playful illustration product website, controlled yellow, violet, and green palette, rounded expressive headline, original geometric characters, scenes, and sticker elements, clear buttons and task cards, elastic but restrained feedback, friendly without becoming childish
Scroll sideways to explore the full example
Make the tiny thing.
A friendly place to move ideas into finished work.
Discover moreScroll sideways to explore the full example
One curious step at a time.
Short lessons, useful practice and feedback that feels human.
Discover moreScroll sideways to explore the full example
Find your kind of people.
Small groups built around making, sharing and helping each other.
Discover moreScroll sideways to explore the full example
Progress can feel light.
Choose one useful habit and celebrate the work, not perfection.
Discover moreSelect page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗