Style research¶
Each style is an experience of its own: a scroll mechanic, a layout, transitions and pointer behaviour, not a colour scheme. Before a style is built, it is researched here: where it comes from, how its layout works, what scrolling and the pointer do, its components and type, how to implement it, what to avoid, and what it falls back to with reduced motion. Each brief ends with the "UX signature" that no other style may use.
The style gallery says what every style does in one line, and how to contribute says what a new style has to include.
| Brief | Styles |
|---|---|
| Part 1 | Particles, liquid morph, holographic, neon glow, wireframe 3D |
| Part 2 | Glassmorphism, kinetic typography, isometric, clay 3D, ASCII art |
| Part 3 | Gradient mesh, comic book, split-flap, retro VHS, halftone |
| Part 4 | Bauhaus, pixel art, blueprint, art deco, neo-brutalism, anime intro |
| Part 5 | Pinscreen, sand animation |
| Part 6 | Zoetrope, flipbook |
| Part 7 | Pop-up book, rotoscope (dropped) |
| Part 8 | Stop-motion, paper cut-out |
| Part 9 | Paint on glass, multiplane |
| Part 10 | Scratch film, smears |
| Next batch | The animation techniques that came after, shipped or planned |
The research may be reused with credit: Style research from Scroll Studio by Edeki Okoh: https://github.com/Okohedeki/scroll-studio. See the licence.