Style guide

Typography

Our typography

Our brand typefaces are Montserrat and Lato, both of which are Google fonts so can be found and used easily.

We’ve introduced text styles to create hierarchy for content and to aid usability on our website. We use Montserrat in font weights 400, 700 and Lato in 300, 400, 400 italic, 700, 700 italic.

Header one 60px

  • Font: Montserrat
  • Responsive font size: 50px(tablet) / 40px(mobile)
  • Font weight: 700
  • Colour: #333333

Header two 30px

  • Font: Montserrat
  • Responsive font size: 26px(tablet) / 22px(mobile)
  • Font weight: 700
  • Colour: #333333

For h3,h4,h5 and h6 use the h2 style.

Body copy intro – 32px

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Font: Lato
  • Responsive font size: 26px(tablet) / 22px(mobile)
  • Font weight: 700
  • Colour: #333333

Body copy – 20px

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Font: Lato
  • Font size: 20px
  • Font weight: 400
  • Colour: #666666