Type

All type is the font NexaE.
HeadingsCopyLinks
  • All headings should conform to the sizes below but there will be exceptions. ie Property details page all headings should be 1 increment smaller. ie H1 should be (XL) and H5 should be (XS) - there is no H6 in instances like this. Other exceptions to be added.
  • The modular font scale used to determine the sizes below has been generated using modular scaleE. Specs for desktop scaleE. Specs for mobile scaleE.
  • There are 2 sizes for heading used on either side of the 768px breakpoint.
  • There can be exceptions for heading sizes and classes ie. 'XL, S' can be used interchangeably.
HeadingsCopyLinksTop

Headings

This is a heading 1

H1 41/34px; weight 700; line-height 120%; (XXL)

This is a heading 2

H2 34/29px; weight 700; line-height 130%; (XL)

This is a heading 3

H3 29/25px; weight 700; line-height 130%; (L)

This is a heading 4

H4 24/21px; weight 700; line-height 140%; (M)
This is a heading 5
H5 20/20px; weight 700; line-height 150%; (S)
This is a heading 6
H6 16/16px; weight 700; line-height 150%; (S)

Copy

P 20px/20px weight 300; line-height 150%; This is paragraph text generally specific to the landing pages - where text is succinct and purposeful.
leading paragraph
P 18px/18px weight 300; line-height 150%; This is paragraph text generally specific to the landing pages - where text is succinct and purposeful.
landing paragraph
P 16px/16px; weight 300; line-height 150%; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
paragraph
P 14px/14px; weight 300; line-height 150%; #8c8c8c; Savings include GST. Calculation based on the difference between GST inclusive non discounted residential commission rates
discaimer text