Text Scroll (Divi)
Big text for Divi 5 that reacts as you scroll, by line, word or letter. Words written *like this* get the accent colour. The full text is always in the page, so it is readable without JavaScript, with reduced motion and by search engines. Scroll slowly through each example.
1. Line highlight (default)
Each line lights up as it crosses 60 % of the screen, and dims again when you scroll back · two paragraphs · accent words in indigo · 20 % dimmed opacity.
Good clothes are quiet. They fit, they last, and they get better every time you wear them.
We make a few things, carefully — hoodies, tees and crop tops in cotton that softens with every wash — and we never make more than we can sell.
2. Word and letter highlight
Left: words light up with the scroll, from a grey dimmed colour, between 70 % and 30 % of the screen, smoothing 1 s. Right: letters, with the accent underlined.
Every piece is cut, sewn and printed to order, so nothing waits in a warehouse and nothing ends up in landfill.
Scroll slowly and watch the words arrive one by one, the way a sentence is meant to be read.
3. Line masks
A cover lifts off each line (vertical, left) or slides off it (horizontal, right). The mask colour matches the background, at 75 % and 90 % opacity.
Every piece is cut, sewn and printed to order, so nothing waits in a warehouse and nothing ends up in landfill.
Scroll slowly and watch the words arrive one by one, the way a sentence is meant to be read.
4. Colour fill and rise
Left: each line fills with teal from left to right, over a pale grey. Right: the words of each line slide up as the line arrives (0.05 s stagger), once only, with a highlighter accent.
Every piece is cut, sewn and printed to order, so nothing waits in a warehouse and nothing ends up in landfill.
Scroll slowly and watch the words arrive one by one, the way a sentence is meant to be read.
5. Finished design
A dark manifesto: words sharpen out of a blur · centred, 22 ch wide · white text, accent in amber · a 72 px bold serif H2 (40 px on phones), wide paragraph spacing.