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

#0060d5

#000000

#333

#808083

#ddd

#eee

#FFFFF

#62ff00

Typhograpy

Inter

H1

Heading 1

Inter/400

H2

Heading 2

Inter/400

H3

Heading 3

Inter/400

H4

Heading 4

Inter/400

H5

Heading 5

Inter/400

H6

Heading 6

Inter/400

Body text style

Text-XXXS

Text-XXS

Text-XS

Text-S

Text-MS

Text-M

Text-ML

Text-L

Text-XL

Text-XXL

Rich text

H1

H2

H3

H4

H5

H6

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

Minimal smartphone mockup in soft neutral interior

Button

arrow_forward

Get Started

arrow_forward