Hero Components
The Glen Dimplex Drupal platform has 4 hero components
- Hero video component
- Hero Image component
- Page Topper
- Hero Image with inset image
Hero Video Component
Key Features
- Uses Cloudinary or Vimeo videos
- Text box and font colour can be selected
- Text box can be aligned left / center / right
- Text box can be alined top / center/ bottom
- Up to 3 Call to Action buttons can be added
- 8 Button/link styles are available
Hero Image Component
Short height - no text box - tertiary light style links
Hero Image Component
Key Features
- Available in Tall or Short configuration
- Accepts a desktop and mobile view image
- Text box and font color can be selected
- Text box can be aligned left / center / right
- Text box can be aligned top / center/ bottom
- Up to 3 Call to Action buttons can be added
- 8 Button/link styles are available
Useful information
Image guidelines for Hero image component - https://resource-centre.glendimplex.digital/en-ie/guidelines/image-handling-guidelines
Sample configurations from Figma
Page Topper with Text
Page Topper with Text
Hero Image Component
Key Features
- Available in Tall or Short configuration
- Accepts a desktop and mobile view image
- Text can be aligned left / center / right
Useful information
Image guidelines for Page topper image component - https://resource-centre.glendimplex.digital/en-ie/guidelines/image-handling-guidelines
Hero Image with Inset Image
Key Features
- Image with a second smaller image to showcase a key feature
- Single CTA link
- Font color can be chosen
Useful information
Image guidelines for Herp Image with inset image component - https://resource-centre.glendimplex.digital/en-ie/guidelines/image-handling-guidelines