Progressive Text Highlight Reading Experience

What this builds

A long-form reading experience where text progressively highlights as the user scrolls, guiding their reading pace. Unhighlighted text is dimmed (low opacity or desaturated), and as the reader scrolls, words or sentences illuminate in sequence, creating a karaoke-like reading guide. The effect can operate at word, sentence, or paragraph granularity, and is used for manifestos, brand statements, data narratives, poetry, or any text where pacing the reader's attention matters.

• Word-level progressive highlighting with scroll-scrubbed progress
• Sentence-level focus: one sentence is bright, the rest are dimmed
• Paragraph-level progression for longer editorial content
• Fixed/sticky text container with scroll-driven highlight progress
• Accent color or weight change on the active word/sentence
• Act structure: opening statement, building argument, climax statement, closing
• prefers-reduced-motion: all text visible at full opacity, no highlighting