Style Guide

Colors

#131212

rgba(19, 18, 18, 0.6)

#ffffff

rgba(255, 255, 255, 0.8)

#6a6df7

#9597ff

#f3f3f3

transparent

Typography

Size

Line height

Weights

H1

74px

115%

Semibold

H1

(small)

50px

115%

Semibold

H1

(very small)

36px

115%

Medium

H2

50px

115%

Semibold

H2

(big)

74px

115%

Medium

H2

(small)

80px

115%

Medium

H2

(very small)

22px

115%

Normal

H3

22px

110%

Medium

H3

(small)

20px

110%

Medium

H3

(extra small)

18px

115%

Medium

H3

(big)

26px

110%

Medium

H3

(large)

36px

110%

Medium

H4

18px

110%

Medium

H5

16px

110%

Medium

H6

14px

110%

Semibold

Paragraph

18px

140%

Normal

Paragraph (big)

22px

140%

Normal

Paragraph (small)

14px

140%

Normal

Subtext

16px

120%

Normal

Buttons

Icons

Pin lokation icon

Instagram app icon with a white outline and camera lens on black background.

Simple black shopping bag icon with handles on a white background.

LinkedIn social media icon in black.

Smartwatch displaying a green phone icon to answer a call, a red icon to decline, with time and date above.

Diagram of a rectangle divided into four parts with area formulas for each section.

White circular progress bar filled to 58% on a black background.

Close-up of a wooden desk with a vintage camera, keyboard, phone, key, and coins.

Lottie

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

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

Bold text

Emphasis

^Superscript

_Subscript