The page hero is the first block to appear on any page.
Alignment and spacing options include:
- Centered content
- Left-aligned column with column offset
- Spacing: Small, large, fixed-height, full window viewbox height and no-padding collapsed
Content options include:
- Main heading
- Sub-heading
- Standard and reduced font-size setting
– or – - WYSIWYG Edtior for bespoke HTML
- White or dark font-color
Aesthetic options include:
- Full-fill cover background image
- Image focal point (x,y)
- Show/hide image on mobile
- Alternate image for mobile
- Light or dark back-screen
- Back-screen opacity setting
Some examples are below:
Standard title fields, centered
Small padding, 50% screen alpha
Page title
Page subtitle, such as the key advantage of a product.
Left-aligned, 4 columns, 2-column offset
Page title
Page subtitle, such as the key advantage of a product.
Custom HTML content
Large padding, 60% screen alpha
Custom HTML Content
White screen, dark text
Page title
Page subtitle, such as the key advantage of a product.