Text

Typographic and text-animation components that add emphasis, rhythm, and visual interest to your story's written content.

PullQuote

Light — ~1KB

A large, styled quotation that breaks out of the text flow to highlight a key statement. Think of the bold quotes you see in magazine features — a PullQuote does the same thing in your story.

Expert quote with attribution

A key statement pulled out from the narrative with speaker attribution.

Water is not just a resource — it is the living thread that connects every community, every ecosystem, and every story along these rivers.
— Dr Sarah Chen, Murray-Darling Basin Authority

Short impact statement

A punchy one-sentence quote with no attribution — just the statement standing on its own.

The river stopped flowing for 267 days.

When to use

  • Highlight a key statement, statistic, or expert opinion mid-story
  • Break up long stretches of text with a visual pause
  • Draw attention to something the reader should remember

When NOT to use

  • Long paragraphs — keep it to 1-2 sentences max
  • If you want the text to animate on scroll — use TypewriterText instead

Configuration

  • Quote text: the statement to highlight — keep it punchy, under 30 words
  • Attribution: who said it — name, title, organisation
  • The quote automatically gets decorative styling — large italic text with a vertical accent bar

Limitations

  • Designed for short statements — long text will look cramped
  • On mobile the quote takes full width with slightly smaller text