Component Active
C065 50/50 x 3 Grid
This two-column text/image tile combination displays one primary headline and two supporting text feature blocks.
A full-height block features a 50/50 image text split on the left, with two separate blocks of text in the right column.
Component Detail
This is a two-column, 50/50 text and image tile combination, featuring three content blocks. The tile on the left shows an image with a headline that speaks to the entire component and paragraph text that communicates an overarching value or reason to believe. The text blocks provide more detail, with the small header text identifying the feature and the large body text describing the user benefit or offering an action the user can take.
Interactions
Option to add links in one or both right column text blocks. Icons are optional. Responsive: Column 1 stacks above column 2 on mobile.
Specifications
Max Characters
Left Block:
Headline: 25
Body Copy: 300
Top Right Block:
Headline: 25
Body Copy: 50
Bottom Right Block:
Headline: 25
Body Copy: 50
Image Asset Dimensions
Asset Size: 960px x 640px
Aspect Ratio: 3:2
Recommended File Weight: <40kb
Image Display Sizes
Width: 767px
Height: 512px
Image Aspect Ratios
Desktop: 3:2
Tablet: 3:2
Mobile: 3:2
Icon Specs
Asset Size: 64px x 64px
Aspect Ratio: 1:1
Recommended File Weight: <2kb
Width: 32px
Height: 32px