Page Hero Sections

Centered light-gray page hero with an accent uppercase eyebrow, bold display heading, and balanced introductory paragraph in a single-column layout.

Split page hero stacking an upper-left brand-colored breadcrumb and heading band over lower-left body copy beside a full-height corner-rounded right photo.

Split page hero pairing a brand-colored left banner with white breadcrumb and heading beside a corner-rounded right photo, with centered body copy below.

Full-bleed split light-gray page hero pairing a left breadcrumb trail, bold display heading, and body copy with a flush right-half image.

Full-width top image banner with a top-left white breadcrumb trail above a light-gray content band with a regular-weight heading and two-paragraph copy.

Stacked page hero featuring a top-left breadcrumb trail, centered accent eyebrow, display heading, and introductory copy above a full-width bottom image.

Stacked editorial page hero with a top-left breadcrumb, wide display heading, right-offset body paragraph, and full-width bottom showcase image.

Dark-overlay background-image page hero with a bottom-left white display heading and descriptive paragraph above a full-width light-gray bottom breadcrumb bar.

Dark gradient-masked background-image page hero featuring a top-left breadcrumb trail and bottom-left white display heading and descriptive paragraph.

Full-viewport dark gradient-masked background-image page hero with a top-left breadcrumb trail, bottom-left white display heading, and offset bottom-right descriptive paragraph.

Two-column split light-gray page hero pairing a left breadcrumb trail and mixed-font italic accent and bold heading with a right-side rounded 4:3 image.

Two-column split light-gray page hero pairing a left accent eyebrow, display heading, body copy, and top-bordered bottom breadcrumb with a right-side rounded 4:3 image.

Full-screen background-image page hero with a dark overlay, top-left breadcrumb trail, and vertically centered white display heading and introductory paragraph.

Dark-overlay background-image portrait page hero with a top-left breadcrumb trail and left-aligned white uppercase eyebrow, display heading, and bio paragraph.

Centered light-gray help-center page hero with a bold display heading, descriptive copy, and a horizontal search input with primary submit button.

Two-column split light-gray page hero pairing a left-aligned accent eyebrow and bold display heading with right-column lead and supporting body paragraphs.

Compact left-aligned light-gray page hero pairing a top breadcrumb trail with a bold display heading and no body copy.

Compact centered light-gray page hero stacking an accent uppercase eyebrow, large display heading, and bottom breadcrumb trail without body copy.

Full-viewport background-image page hero with a dark overlay, top-left breadcrumb trail, and bottom-left white display heading and descriptive paragraph.

Light split-tone page hero with a right-side gradient-masked photo, top-left breadcrumb trail, and left-aligned display heading and introductory paragraph.

Full-width background-image page hero with a dark overlay, top-left breadcrumb trail, and centered white uppercase eyebrow, display heading, and introductory copy.

Centered background-image page hero with a dark overlay, centered breadcrumb trail, bold white display heading, and introductory paragraph.

Centered light-gray page hero with a top-left breadcrumb trail, accent uppercase eyebrow, bold display heading, and balanced introductory paragraph.

Left-aligned soft pastel page hero featuring a top breadcrumb trail, brand-colored display heading, and balanced introductory paragraph.

Left-aligned light-gray page hero with an accent uppercase eyebrow, bold display heading, and muted introductory paragraph in a single column.

Compact centered dark page hero featuring an accent uppercase eyebrow and bold white display heading without body copy or breadcrumbs.