Style Guide - Page Title

  • Font - Grot10Bold
  • Color - Black
  • Letter spacing - 0.5px
  • Bottom margin - 30px
  • Capitalised

Desktop:

  • Font size - 38px

Mobile:

  • Font size - 33px

 

Heading 1 

  • Font - Grot10Bold
  • Color - Black
  • Letter spacing - 0.5px
  • Bottom margin - 10px
  • Capitalised

Desktop:

  • Font size - 38px

Mobile:

  • Font size - 33px

 

Heading 2 

  • Font - Grot10
  • Color - Black
  • Letter spacing - 0.5px
  • Bottom margin - 10px
  • Capitalised

Desktop:

  • Font size - 33px

Mobile:

  • Font size - 27px

 

Heading 3

  • Font - Grot10
  • Color - Black
  • Letter spacing - 0.5px
  • Bottom margin - 10px
  • Capitalised

Desktop:

  • Font size - 27px

Mobile:

  • Font size - 22px

 

Heading 4

  • Font - Grot10
  • Color - Black
  • Letter spacing - 0.5px
  • Bottom margin - 10px
  • Capitalised

Desktop:

  • Font size - 22px

Mobile:

  • Font size - 19px

 

Heading 5
  • Font - Grot10
  • Color - Black
  • Letter spacing - 0.5px
  • Bottom margin - 10px
  • Capitalised

Desktop:

  • Font size - 19px

Mobile:

  • Font size - 16px

 

Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vestibulum vel libero ac congue. Mauris vitae risus massa. Donec molestie mi sit amet metus placerat congue. Cras vitae nulla nisi. Aenean ullamcorper dui ac magna 

 

  • Font - Grot10
  • Color - Black
  • Letter spacing - 0
  • Line height - 1.7
  • Bottom margin (under paragraph) - 10px
  • Text link - mushroom

Wide Monitors

  • Standard (Grot10) font size - 16px
  • Bold (Grot10Bold) font size - 17px

Mobile & Smaller Devices (screens under 1441px wide)

  • Standard (Grot10) font size - 14px
  • Bold (Grot10Bold) font size - 15px

 

Dot Points 

  • Style - filled in circle
  • Color - black
  • Line height - 19px
  • Bottom margin - 19px
    • No items in your parcel.