texts
Scroll-driven variable font headline
A large headline whose variable font weight (wght axis) and letter spacing interpolate continuously with scroll progress via font-variation-settings, going from thin and wide to black and tight (or the reverse); each word carries a slight stagger so the thickening rolls across the phrase like a wave, and a graduated ruler shows the axis value live.
See it live and copy its promptWhat you can adjust
- Initial weight
- Final weight
- Initial tracking
- Final tracking
- Offset between words
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
