Whakatū Marae

Website Style Kit

This page outlines the current colours, styles and design standards for the Breathe website.

H1 Heading

h2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
This is paragraph text
This is larger text (text--l)

Primary heading

This is primary paragraph text

Accent heading

This is accent paragraph text

White heading

This is accent paragraph text

Heading h1

Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

  • Bulleted list item
  • Bulleted list item
  1. Numbered list item
  2. Numbered list item

A blockquote style for quoted text

Heading h2

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Heading h3

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Heading h4

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Heading h5

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Heading h6

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. 

Font details

Heading Font

Source: Google Fonts
Regular (400)
Semi Bold (600)
Regular (400)

Fonts

Display: Hind

Source: Google Fonts
Use: Headings

Regular (400)

Semi Bold (600)

Bold (700)

Body: Open Sans

Source: Google Fonts
Use: Most text on the website

Regular (400)

Semi Bold (600)

Bold (700)

Alternative: Lora

Source: Google Fonts
Use: Quotes and text that needs to compliment the main font style

Regular (400)

Semi Bold (600)

Bold (700)