02 / Page headers & Intros

Page headers and intro blocks set the stage for individual pages or sections. They provide orientation, establish context, and highlight key messages. Well-crafted intros help guide readers smoothly into content, improving clarity and lowering the risk of early drop-off.

Header with intro: Clean, single-column layout. Perfect for opening statements, introductions, or section kick-offs.

Sunt in culpa qui officia deserunt mollit

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.

Hero text header: Bold, centered heading with supporting subtext, ideal for strong openings, key messages, or section highlights.

Sunt in culpa qui officia deserunt mollit

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore laudantium.

Full-Image Header: Centered headline placed over a full-bleed background image, perfect for bold openings or visual storytelling.

Sunt in culpa qui officia deserunt mollit

Full-Image Header: Bold headline on top of a dark full-bleed background image, ideal for strong openings, visual storytelling, and impactful section intros.

Sed ut perspiciatis unde omnis iste natus error sit volup

Navigation Header: Hero section with a title and anchored navigation links, designed to guide readers directly to key sections for faster content discovery.

Sunt in culpa qui officia deserunt mollit

Scroll to first block

Second block

Scroll to third block

Final block

Full Height Header: Immersive, full-screen layout. Ideal for impactful openings or key messages that demand attention.

Nemo enim ipsam quia voluptas sit aspernatur

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione sequi nesciunt.

Full Height Header (Split Focus): Immersive, full-screen layout. Great for highlighting key themes, portraits or product stories.

Excepteur sint cupidatat non proident

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab.

Full Height Header (Content Box): Full-screen layout, perfect for balancing bold messaging with supporting details.

Sed ut unde omnis

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ut labore et dolore.

Full Height Header (Overlay Box): Immersive, full-screen header. Best for strong but short headlines paired with concise supporting text.

02 / Page headers & Intros

Page headers and intro blocks set the stage for individual pages or sections. They provide orientation, establish context, and highlight key messages. Well-crafted intros help guide readers smoothly into content, improving clarity and lowering the risk of early drop-off.

Sunt in culpa qui officia deserunt mollit

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.

Sunt in culpa qui officia deserunt mollit

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore laudantium.

Sunt in culpa qui officia deserunt mollit

Sed ut perspiciatis unde omnis iste natus error sit volup

Sunt in culpa qui officia deserunt mollit

Nemo enim ipsam quia voluptas sit aspernatur

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione sequi nesciunt.

Excepteur sint cupidatat non proident

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab.

Sed ut unde omnis

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor ut labore et dolore.

Sunt culpa qui oficia

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est.

Cover pages

One Column Paragraph Layout