Natural Pools NZ

Website Style Kit

This page outlines the current colours, styles and design standards for the Natural Pools NZ website.

Colours

Pick a colour to see it's variants

Primary colour variants

Hover

Light

Ultra Light

Medium

Dark

Ultra Dark

trans-90

trans-80

trans-60

trans-40

trans-20

trans-10

Complimentary

Secondary colour variants

Hover

Light

Ultra Light

Medium

Dark

Ultra Dark

trans-90

trans-80

trans-60

trans-40

trans-20

trans-10

Complimentary

Accent colour variants

Hover

Light

Ultra Light

Medium

Dark

Ultra Dark

trans-90

trans-80

trans-60

trans-40

trans-20

trans-10

Complimentary

Base colour variants

Hover

Light

Ultra Light

Medium

Dark

Ultra Dark

trans-90

trans-80

trans-60

trans-40

trans-20

trans-10

Complimentary

Shade colour variants

Light

Ultra Light

Medium

Dark

Ultra Dark

trans-90

trans-80

trans-60

trans-40

trans-20

trans-10

Typography

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

Numbered list item
Numbered list item

A blockquote style for quoted text