Sticker Pop
Die-cut stickers slapped on at jaunty angles: coral, cobalt and sunshine on cream.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
Every card is a die-cut sticker with a thick white border, peeled and pressed onto the page a few degrees off straight. Fat rounded headlines, coral buttons, cobalt and sunshine badges, and little star and smiley stickers in the margins. It looks like the back of a well-loved laptop.
Sticker Pop is built on die-cut sticker culture: laptop lids, skateboard decks, zine tables and the mascots of 2010s indie brands. Cards behave like stickers — thick white borders around a coloured shape, a soft drop shadow and a slight random rotation — pressed onto a warm cream page dotted like a cutting mat. Headlines are fat and rounded, colours are bright but warm, and small ornament stickers (stars, smileys, arrows) fill the gutters. It should feel joyful, collectible and handmade.
Principles
- Every card is a sticker: thick border, soft shadow, slight rotation.
- No two neighbouring stickers share an angle; vary between -4° and 4°.
- Coral for actions, cobalt and sunshine for decoration.
- Fill gutters with small ornament stickers, two or three per section.
- Rounded everything: 24px cards, pill buttons.
Motion
Stickers slap onto the page: each card scales from 80% to 100% with a springy overshoot and lands at its own angle. On hover a sticker straightens and lifts its corner as if about to be peeled.
Do & don't
Do
- ✓ Alternate rotations: -3°, 2°, -1°, 4°.
- ✓ Give every sticker a white border and soft shadow.
- ✓ Alternate cobalt and yellow on neighbouring cards.
Don't
- ✕ Don't rotate beyond 6°.
- ✕ Don't use hard black offset shadows.
- ✕ Don't align stickers in a perfect grid.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 360 lines of DESIGN.md in total.
More like this
All Playful →
Comic Panels
No. 077Ben-Day dots, thick ink panels and speech bubbles. Every section is a splash page.
Gummy Candy
No. 078Glossy gummy gradients, jelly-wobble buttons and a sugar-pink canvas.
Toy Blocks
No. 080Primary-colour building blocks with studs on top and a satisfying 6px click.
Doodle Notebook
No. 097Ballpoint doodles on ruled paper, a red margin and sticky notes for the important bits.
Memphis Party
No. 098Squiggles, confetti triangles and clashing colour: the 1981 design party, still going.
Soft Clay
No. 099Puffy clay cards, plasticine 3D renders and lavender light. Squeezable interfaces.