Sub Page Hero
Figma Component: 22271-176579
GitHub Issue: #24
Last modified with commit 7c9939d on
by Martin Jagodic.
The Sub Page Hero Section displays a hero banner at the top of subpages with breadcrumb navigation and large heading text. Features full-width background image with gradient overlay and centered text card with brand-colored bottom border.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display hero background | Shows full-width background image with dark-to-transparent gradient overlay covering entire hero section. |
| system | Display text card | Shows centered card with black background, brand-colored bottom border, breadcrumb navigation, and heading text. |
| editor | Add background image | Upload image that displays as full-width background. |
| editor | Add heading text | Text field for main hero heading matching page title. |
| user | Click breadcrumb link | Navigates to linked page. Link shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |