Style · collection
Motion web design
5 curated motion sites, shown as our own renders. Click any one to decode it — pull the palette, measure the spacing, or install its shadcn theme.
What to look for. Sites where movement carries meaning: scroll-driven reveals, transitions that explain state. The X-ray reads the durations and easings off the DOM.
Pranksy pranksy.io Decode Pale sage and brick red, with the display face outlined rather than filled, so the biggest thing on the page is a drawing of type instead of a slab of colour. Three faces do the whole job: a heavy condensed wordmark, a hand-drawn marker at marquee scale that never stops moving, and a small letterspaced sans for the labels. The homepage is three moves and a footer, which takes more confidence than another section would. 
Dominik Kostolnik dkton.at Decode Condensed caps at full-bleed scale in amber on black, with an equaliser of rounded bars standing in for the work itself. Video stills are sliced into vertical strips like a waveform, and the section titles block in magenta and yellow behind the type. It opens on a gate you have to push through, which is the rare case where the splash screen is the point. 
Don't Look Up www.dontlookup.app Decode Pencil-line figures at ant scale under two enormous shoes, the whole thing black on bone white with one red line marking what the crowd will carry. A fat comic display face shouts the title while the crowd mutters in speech bubbles, and the only other colour that ever arrives is the yellow of someone who has just noticed your fee. 
Electronic Materials Office electronicmaterialsoffice.com Decode Sells hardware by switching the lights off: a near-black page where photography of the product is the only illustration, a serif display line over a light grotesque, and the single saturated colour on screen saved for one glowing Reserve button. 26,000px of scroll and twelve inline videos, and not one stock graphic. 
Pitch pitch.com Decode Presentation software that presents itself: bold type, vivid color blocks, and motion that mimics a live deck. Also in these collections
Other axes these sites overlap with, ranked by how many they share.
Other style collections
Our own render · scroll it, or use ← → for the next site