Primary Hero Layouts

Back to Demo Landing

| default: 'Primary hero image'

Fullbleed Image H1 Fullbleed Image H1

Subcopy mobile T1 Subcopy desktop T1
Primary
| default: 'Primary hero image'

Fullbleed Image Top Align H2 Fullbleed Image Top Align H2

Subcopy mobile T2 Subcopy desktop T2
Primary Inverse

Fullbleed Color Fullbleed Color

Subcopy mobile Subcopy desktop
Secondary
| default: 'Primary hero image'

Sixteen by Nine H3 Sixteen by Nine H3

Subcopy mobile P1 Subcopy desktop P1
Secondary
| default: 'Primary hero image'

Story Right Story Right

Subcopy mobile P2 One deviation of the story module is that we can use any CTA here
Primary
| default: 'Primary hero image'

Story Left Story Left

We can change the headline and subcopy sizes here We can change the headline and subcopy sizes here
Primary Inverse second cta
| default: 'Primary hero image'

With Logo With Logo

Subcopy mobile Subcopy desktop
Button label

Video with custom play pause Video with custom play pause

Subcopy mobile Subcopy desktop
Button label

Video with native video controls Video with native video controls

Subcopy mobile Subcopy desktop
Button label

Story with video Story with video

Subcopy mobile Subcopy desktop
Button label