Kinetic
Black and fiery orange, a headline that rises word by word, a tilted text band and a cursor that follows you.
Unbounded · Inter
Animated
Motion is the design
Pages that move with the scroll: headings that rise word by word, running text bands, layered images, numbers that count up. Motion is part of the identity, not decoration.
12 designs
What defines this style
- Typography
- A huge display face for the main heading (up to 10vw), split into words that appear in sequence, and a sans for text.
- Colour
- Strong contrast: very dark or very light background with one fiery accent, and animated gradients where useful.
- Layout
- Full-width sections, moving text bands between sections, horizontal image strips, giant numbers.
- Shapes
- Medium radii, magnetic buttons that follow the pointer, rotating circular text.
- Imagery
- Large photos with parallax depth and slow zoom, or morphing gradient blobs.
- Motion
- Rich but deliberate: 60–90ms staggers, strong ease-out curves, and everything stops under prefers-reduced-motion.
- Details
- Counters, a scroll progress bar, a custom cursor, text that fills with colour on hover.
- Avoid
- Motion without purpose, constant movement that hurts reading, ignoring reduced-motion preferences.
12 designs
Aurora
Deep navy under drifting violet and cyan light, a budget app with two floating phones and its features in a bento grid.
Syne · DM Sans
Skyline
Tall condensed type and layered parallax photos, a travel agency whose cities scroll sideways like a reel.
Big Shoulders Display · Work Sans
Countdown
Neon yellow on black with a live day counter, like a screen before launch.
Archivo · Inter
Mist
Misty pink and slowly morphing colour, with perfumes that glide sideways.
Fraunces · Outfit
Saffron
A warm night and saffron yellow, dishes sliding in turn and photos moving as you scroll.
DM Serif Display · DM Sans
Sprint
Black, hot coral and cyan, a huge headline rising word by word, bikes passing on a sideways strip and ride times in a table.
Bebas Neue · Inter
Drip
Warm white, burnt orange and petrol green, a full-screen photo drifting slowly, items sliding in turn and reviews running like a ticker.
Bricolage Grotesque · DM Sans
Glare
Blue night, neon pink and turquoise, like a lit sign shop at night: huge type, work on a wall and steps that appear one after another.
Space Grotesk · Inter
Reel
Cinema black, gold and rose, stacked photos moving in depth, the work rolling by like film and one testimonial changing at a time.
Unbounded · Manrope
Swirl
Lilac, violet and amber, colour blobs turning behind the headline like petals, the bouquets on a sliding strip and reviews drifting by.
Young Serif · Outfit
Flux
Night green, mint and blue, a faint grid and a full-width headline, services in a bento grid and plans with the featured one standing out.
Sora · Inter