Style Guide

This project utilize Client-first as style system. You can read the docs here. Check the instructions page for a basic tutorial about this template.

Color Style

Palette

Black

Dark Grey

Grey

Light Grey

Whitesmoke

White

Brand Color

Typography

Heading 1

H2

Heading 2

H3

Heading 3

H4

Heading 4

H5

Heading 5

H6

Heading 6

Text-XXXS

Text-XXS

Text-XS

Text-S

Text-MS

Text-M

Text-L

Text-XL

Text-XXL

Rich text

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.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Button

Click Here