Kirkpatrick Scholarship

Website Style Kit

This page outlines the current colours, styles and design standards for the Kirkpatrick Scholarship 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

H1 Heading - Oswald

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

Numbered list item
Numbered list item

A blockquote style for quoted text