COMPONENTS
Detail Hero - Image + CTA
Overview
This hero anchors a product detail page with a large image + superimposed text and optional CTA/phone number. Variations include a version with background graphic instead of photo, or a video instead of photo.
Features
Used in the detail page hero section.
- Large background image (requires manual gradient darkening in bottom half for ADA-compliant text contrast).
- Default graphic will render if no photo is available.
- Title + copy block + optional CTA + optional contact phone number (link)
Variations
This component has 2 variations – with and without image and can have optional CTA and contact link.
Documentations
- How To Author Documentation (PDF)
- Photography Guidelines (PDF)
- Photo Sizing/Export Guide (PDF)
- Content Specification Sheet (XLSX)