Back to Design Guide
Hero Subpages
Hero with video
Hero with headline
Lorem ipsumdolor amet lore
Hero without headline
Hero with without headline + disable overlay
Hero with without headline + disable blur + disable overlay
Hero with without headline + buttons
Precision Coating Thickness & Material Analysis with XRF
Notices
A large-format hero element for subpages and landing pages, supporting both image and video backgrounds. Four display variants are available.
| Variant | Description |
|---|---|
| With video | Background video (autoplay/muted) |
| With headline | Background image + headline overlay |
| Without headline | Background image only |
| Without headline + overlay off | Full image, no overlay dimming |
TYPO3 Backend: Fields: Headline, Background image (FAL), Background video (FAL/URL), Overlay intensity (default: 0.4, range 0–1), Blur effect toggle.
Settings Options:
Enter headline
Upload background image or video
Disable overlay (default is “enabled”)
Select overlay intensity (default value is 0.4)
Enable or disable blur effect (default is “enabled”)
Add CTA's
Dos & Don’ts:
Limit the headline to a maximum of 2 lines in desktop view.
Video must be in MP4 format.
Backend
