Mastheads

These mastheads represent some of the common ways of adding a masthead to pages

Masthead 01

  • Background color fallback if no image provided
  • Page title by default but it can be a custom title
  • Dimensions of image can be adjusted – 1600 x 400px is an example
Custom masthead title

Custom masthead title

Masthead 02

  • Background color fallback if no image provided
  • Page title by default but it can be a custom title
  • Masthead subtitle and buttons optional (up to 2 buttons)
  • Dimensions of image can be adjusted – 1600 x 800px is an example
I'm a custom title

I'm a custom title

I'm a subtitle that comes underneath the title to provide some more details.

Masthead 03 - Slider mode

  • Background color fallback if no image provided
  • Page title by default but it can be a custom title
  • Masthead subtitle and buttons optional (up to 2 buttons)
  • Dimensions of image can be adjusted – 1600 x 800px is an example
  • If multiple slides provided, it will become a carousel (title doesn’t move)

This is the content of the first slide, This is the content of the first slide, This is the content of the first slide, This is the content of the first slide, This is the content of the first slide

Second slide content

Third slide content

Page title is default if nothing here

Masthead 03 - Single mode

  • Background color fallback if no image provided
  • Page title by default but it can be a custom title
  • Masthead subtitle and buttons optional (up to 2 buttons)
  • Dimensions of image can be adjusted – 1600 x 800px is an example
  • If multiple slides provided, it will become a carousel (title doesn’t move)

Mastheads

This is a single slide masthead, with default title and no link

Masthead 04

Mastheads

Sub Title (Title is blank)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.