Primary Hero Layouts

Back to Demo Landing

Primary Hero Image

Fullbleed Image H1 Fullbleed Image H1

Subcopy mobile T1 Subcopy desktop T1
Primary
Primary Hero Image

Fullbleed Image Top Align H2 Fullbleed Image Top Align H2

Subcopy mobile T2 Subcopy desktop T2
Primary Inverse
Liquid error (sections/primary-hero line 38): Could not find asset snippets/hero-alt-font.liquid

Fullbleed Color Fullbleed Color

Subcopy mobile Subcopy desktop
Secondary
Primary Hero Image

Sixteen by Nine H3 Sixteen by Nine H3

Subcopy mobile P1 Subcopy desktop P1
Secondary
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
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
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