Hero Banners

Start-of-page introductory & featured content panels

Table Of Contents
  1. Primary Hero
  2. Primary Hero — Wide
  3. Text-Focused Hero Banner
  4. Cover – Hero
  5. Cover – Full-Width

Primary Hero

Hero Banner H1 Heading

Pellentesque et velit egestas sed tincidunt at non lectus. Dignissim enim sed sagittis sit amet ultrices magna.

Primary Button
Secondary Button

CTA Support messaging here

Placeholder - 1000x700 Image

Primary Hero — Wide

Hero Banner H1 Heading

Pellentesque et velit egestas sed tincidunt at non lectus. Dignissim enim sed sagittis sit amet ultrices magna.

Primary Button
Secondary Button

CTA Support messaging here

Placeholder - 1000x700 Image

Text-Focused Hero Banner

PAGE TITLE (EYEBROW HEADING)

Human-focused primary heading

Introductory page text to provide context to page’s content and optionally include a minimal call-to-action via an in-header/hero link (example).

Cover – Hero

Hero Banner H1 Heading

Pellentesque et velit egestas sed tincidunt at non lectus. Dignissim enim sed sagittis sit amet ultrices magna.

Primary Button
Secondary Button
Placeholder - Square Image

Cover – Full-Width

Sample Featured Image 2

Here’s a heading

Here’s some cover text

Scroll to Top