Storyteller

Component

Storyteller

The workhorse media-and-content component. One dialog, five Style System variants — from full-width story bands to icon features, cards, testimonials, and provider profiles. Each variant page below documents its styles and renders the real component.

Base

Split media band — default media-right plus the media-left flip.

Explore Base >

Card

Stacked image-top card for content grids.

Explore Card >

Icon

SVG icon cards for feature grids — centered or left-aligned.

Explore Icon >

Profile Card

Provider and team cards in 3:4 and 16:9 crops.

Explore Profile Card >

Quote Card

Testimonial with portrait, quote, and attribution.

Explore Quote Card >