By clicking "Accept", you agree to the storing of cookies on your device to enhance site navigation, analyse site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
Typography

Montserrat

Montserrat is a geometric sans-serif typeface designed by Argentine graphic designer Julieta Ulanovsky and released in 2011. It was inspired by posters, signs and painted windows from the first half of the twentieth century, seen in the historic Montserrat neighbourhood of Buenos Aires.
Featuring a large x-height, short descenders and wide apertures, this typeface achieves high legibility even in small sizes.Montserrat has been developed into a large family, consisting of nine weights (from Thin to Black), a set of alternate characters, a distinctive Subrayada (underlined) variant, and support for the Cyrillic character set. According to lead designer Ulanovsky, it is a functional and contemporary alphabet, with uses ranging from publishing to the corporative world. She refers to it as a "geometric typeface with bold optical adjustments."

Display 1

Class - Font size: 4.75rem

Display 2

Class - Font size: 4rem

Display 3

Class - Font size: 3.75rem

Display 4

Class - Font size: 3.25rem

Heading 1

HTML - Font size: 2.75rem

Heading Text 1

Class - Font size: 2.75rem

Heading 2

HTML - Font size: 2.5rem

Heading Text 2

Class - Font size: 2.5rem

Heading 3

HTML - Font size: 2.25rem

Heading Text 3

Class - Font size: 2.25rem

Heading 4

HTML - Font size: 2rem

Heading Text 4

Class - Font size: 2rem

Heading 5

HTML - Font size: 1.75rem

Heading Text 5

Class - Font size: 1.75rem

Heading 6

HTML - Font size: 1.5rem

Heading Text 6

Class - Font size: 1.5rem

Paragraph Large. 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph. 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

All Quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
  • Unordered list item with bullets

  • Unordered list item with bullets

  • Unordered list item with bullets

  • Unordered list

  • Unordered list

  • Unordered list

  1. Ordered list item with numbers

  2. Ordered list item with numbers

  3. Ordered list item with numbers

  • Ordered list

  • Ordered list

  • Ordered list

Colourway
Color primary - Midnight
#272727
Primary - Midnight #111111
Color secondary - White
#ffffff
Color accent 1 - Longacre Blue
#00A6FB
Text Colourway
Text color primary
#111111
Primary - Midnight #111111
Text color secondary
#ffffff
Primary - Midnight #111111
Text color accent 1
#00A6FB
Primary - Midnight #111111
Forms
Enquiry Type*Reset selection...
Submit
Thank you for reaching out, we'll be in touch with you shortly.
Sorry! It looks like something went wrong while submitting the form. Please try again.
Rich Text Left Align

H1 Rich Text element?

H2 Rich Text element?

H3 Rich Text element?

H4 Rich Text element?

H5 Rich Text element?
H6 Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

  • Create an indented list for items with a bullet point
  • Create an indented list for items with a bullet point
  1. Create an indented list for items with numbers
  2. Create an indented list for items with numbers
Rich Text Centre Align

H1 Rich Text element?

H2 Rich Text element?

H3 Rich Text element?

H4 Rich Text element?

H5 Rich Text element?
H6 Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.