Browse components
Content
Editorial accents for long-form and marketing pages.
A circular scroll progress indicator that doubles as a compact return-to-top control.
A drawn-line progress indicator with spring-smoothed scroll tracking and a fading percentage.
The quietest interfaces often carry the most conviction.
Editorial pull quote with oversized glyph, expanding rule, and blurred fade-in.
About Content Components
Content components add structure and emphasis to editorial, documentation, and marketing copy. They help readers follow longer pages with purposeful highlights, progress cues, and visual pauses.
Keep these patterns in service of the writing. Clear headings, readable line lengths, and semantic HTML matter more than decorative motion or visual treatment.
Frequently asked questions
When should I use content components?
Use them when a long-form page needs clearer reading flow, emphasis around an important quote, or a lightweight progress signal.
Can I use these components in documentation?
Yes. They work in product documentation, blog posts, case studies, and marketing pages wherever they improve scanning and reading context.
How do I preserve readable content?
Use semantic headings, maintain contrast and line height, and avoid effects that move or obscure the text a reader is trying to consume.