Project Hero — Image Background
A composable hero section with overlay gradient, meta line, and badge support.
Project Hero — Color Background
Falls back to a solid color when no background image is provided.
EditorialRow + GridItem
30-column grid with span, push, and offsetY
CaptionedImage
Below caption vs. overlay caption
TextBlock
Width presets, dropcap, and lead paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras vehicula, mi eget laoreet venenatis, ante magna fermentum augue, vel vehicula est turpis eget ligula.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Section Heading
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
This is a blockquote styled within a TextBlock. It uses the accent-teal border.
This is a narrow TextBlock (max 620px) — ideal for focused reading passages with shorter line lengths.
PullQuote
The best stories are the ones we haven't told yet — the ones still waiting in the light.
Verse
Preserves line breaks — editorial (serif) and sans fonts
— Pablo Neruda
FullBleed
Edge-to-edge breakout with optional caption
MetaGrid
Labeled metadata in 2/3/4-column layouts
StatCards
Key metrics with data-attribute pseudo-elements
ImageGrid
Equal-column layouts with responsive collapse
VideoEmbed
YouTube embed with URL parsing
ProjectCredits
Crédits
- DirectionDamien Rayuela
- ProductionStudio Example
- Sound DesignAudio Collective
- PhotographyJane Doe