Master Layouts

Main layout modules
Wrapper Width Classes
Full – 100%
Wide – 1440px
Wrapper Width Classes
Default – 1140px
Layouts / Hero Heading Left / Subheading Right

Supporting intro paragraph here

high-impact entry point for brand or campaign moments. Use for homepage intros or large statements with minimal distraction. Supports centered alignment and constrained copy.
Layouts / Hero Heading Left / Subheading Right

Supporting intro paragraph here

high-impact entry point for brand or campaign moments. Use for homepage intros or large statements with minimal distraction. Supports centered alignment and constrained copy.
Layouts / Hero Heading Flex Stack

Supporting intro paragraph here

high-impact entry point for brand or campaign moments. Use for homepage intros or large statements with minimal distraction. Supports centered alignment and constrained copy.
Layouts / Text Left / Image Right
high-impact entry point for brand or campaign moments. Use for homepage intros or large statements with minimal distraction. Supports centered alignment and constrained copy.
Layouts / Text Sub Heading Align Center
Used for breaker sections where story telling needs to be front and center
Layouts / Lists / Align Center
List Item 1
List Item 1
List Item 1
List Item 1
Layouts / Grids / Cards
Ratio 16:9
This is some text inside of a div block.
Learn More
Learn More
Ratio 16:9
This is some text inside of a div block.
Learn More
Learn More
Ratio 16:9
This is some text inside of a div block.
Learn More
Learn More
Layouts / Grids / Lists
This is some text inside of a div block.
01
Wrapper Ratio Utilities
ratio-1-1
ratio-4:3
ratio-16:9
ratio-9:16
ratio-4:5