Component Active
C064 Full Bleed Background Image
A visual approach to a mid-page content block, offering the opportunity to feature a wide range of content types and provide links to related pages.
Component Detail
Utilize this color-block content feature to add dynamic visuals to your page. This component is great for briefly highlighting long-form content, product features, case studies, etc., and linking out to more information on the topic. Be sure to use a background image that is simple, yet stands up to a transparent application.
Interactions
Option to add one or two CTA buttons below headline and intro copy. Be sure to drive users to directly relevant content.
Specifications
Max Characters
H2: 30
Body Copy: 400
CTAs: 20
Background Asset Dimensions
Asset Size: 1920px x 960px
Aspect Ratio: 2:1
Recommended File Weight: <100kb
Background Display Sizes
Width: 100% viewport width
Max Height: 680px
Background Aspect Ratios
Desktop: 2:1
Tablet: 2:1
Mobile: N/A (not shown)
Image Asset Dimensions
Asset Size: 488px x 976px
Aspect Ratio: 1:2
Recommended File Weight: <35kb
Image Display Sizes
Width: 428px
Height: 856px
Image Aspect Ratios
Desktop: 1:2
Tablet: 1:2
Mobile: 1:2