Style Guide

Colors

Color distinguishes our brand and helps us create consistent experiences across products.

Neutral

Gray is a neutral color and is the foundation of the color system. Almost everything in UI design — text, form fields, backgrounds, dividers — are usually gray.

0

#0D0D0D

0

#0D0D0D

0

#0D0D0D

1

#FFFFFF

1

#FFFFFF

1

#FFFFFF

2

#DEDEDE

2

#DEDEDE

2

#DEDEDE

3

#696969

3

#696969

3

#696969

4

#1C1C1C

4

#1C1C1C

4

#1C1C1C

5

#FFFFFF

5

#FFFFFF

5

#FFFFFF

6

#131314

6

#131314

6

#131314

7

#1C1C1C

7

#1C1C1C

7

#1C1C1C

Typography

The primary font is Inter Tight, sourced from Google Fonts. A serene and modern geometric sans-serif typeface family perfect for crisp text and eye-catching headlines.

Inter

Bold
SemiBold
Medium
Regular

Aa

Heading 1

Inter/ Bold

65px

100%

Heading 1

Heading 2

Inter/ SemiBold

48px

100%

Heading 2

Heading 3

Inter/ SemiBold

25px

100%

Heading 3

Heading 4

Inter/ SemiBold

20px

100%

Heading 4

Heading 5

Inter/ Regular

18px

100%

Heading 5
Body

Inter/ Regular

16px

100%

Body

Figure Image & Caption

Caption here

Blockquote

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."

Get Notifications For Each Fresh Post

Get Notifications For Each Fresh Post

Get Notifications For Each Fresh Post

Get the Template