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

#080808

#2c2c2c

#808083

#f7f7f7

#eee

#FFFFF

#00A7F5

#00BC00

Typography

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

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

A smartphone displaying the app with nature images on a minimalist white surface and background.

Button