Style Guide

This guide offers comprehensive instructions on various design elements, ranging from color schemes and typography to button styles and text sizes.

Colour Palette

Primary Color Palette

900

Primary

800

Primary

700

Primary

600

Primary

500

Primary

400

Primary

300

Primary

200

Primary

Secondary Color Palette

900

Secondary

800

Secondary

700

Secondary

600

Secondary

Text Color Palette

900

Text Color

800

Text Color

700

Text Color

600

Text Color

500

Text Color

400

Text Color

300

Text Color

200

Text Color

Typography System

Headline:

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Paragraph

18PX - Regular

Lorem ipsum dolor sit amet consectetur. Integer scelerisque tristique purus sed elit leo nunc. Viverra nisl amet dignissim sit. Id massa etiam urna amet ac fermentum. Id est donec eget aliquet.

Body Text

16PX - Regular

Lorem ipsum dolor sit amet consectetur. Integer scelerisque tristique purus sed elit leo nunc. Viverra nisl amet dignissim sit. Id massa etiam urna amet ac fermentum. Id est donec eget aliquet.

Caption

14PX - Regular

Lorem ipsum dolor sit amet consectetur. Integer scelerisque tristique purus sed elit leo nunc. Viverra nisl amet dignissim sit. Id massa etiam urna amet ac fermentum. Id est donec eget aliquet.

Small Text

12PX - Regular

Lorem ipsum dolor sit amet consectetur. Integer scelerisque tristique purus sed elit leo nunc. Viverra nisl amet dignissim sit. Id massa etiam urna amet ac fermentum. Id est donec eget aliquet.