Sticker Book

Notes

Idea

For a kids' reading and science app: every control is a chunky die-cut sticker in a candy color with a thick white border, all sitting level on one baseline over the picture and sized for small thumbs.

Accessibility

Buttons are 56px stickers on desktop and never under 44px on phones, the yellow sticker handle always rides the played edge so the playhead never depends on telling yellow from blue, captions on adds a white bar under the tag while off greys it, and focus is a navy ring with a white halo that reads over any frame.

Craft

Each sticker keeps the die-cut shape it was generated with, so the pills are 1.8 times and the tag 1.4 times as wide as the round stickers, and the seek's sunny fill is clipped to the capsule's inside rows so the white die-cut edge always comes from one sticker; on hover a sticker lifts 2px onto a deeper shadow over 160ms and it presses flat on click, with no bounce.