Stylesheet

Main colors

Primary

#FF6A3B

Accent

#07472C

Bright

#FFFFFF

Neutral Dark

#262322

Succes

#10954D

Warning

#FFBC3B

Error

#EC0909

Neutral Colors

Neutral 900

#F7F4ED

Neutral 700

#ADABA6

Neutral 500

#7C7A77

Neutral 300

#4A4947

Neutral 150

#252524

Typography

Display 1

96px / 6rem

Regular / Bold

Display 2

72px / 4.5rem

Regular / Bold

Display 3

60px / 3.75rem

Regular / Bold

Display 4

48px / 3rem

Regular / Bold

Display 5

36px / 2.25rem

Regular / Bold

Display 6

30px / 1.875rem

Regular / Bold

Display 7

18px / 1.125rem

Regular / Bold

Subtitle

24px / 1.5rem

Regular / Semi Bold / Extra Bold

Text XL

20px / 1.25rem

Regular / Semi Bold / Extra Bold

Text LG

18px / 1.125rem

Regular / Semi Bold / Extra Bold

Text MD

16px / 1rem

Regular / Semi Bold / Extra Bold

Text S

14px / 0.875rem

Regular / Semi Bold / Extra Bold

Text XS

12px / 0.75rem

Regular / Semi Bold / Extra Bold

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

Margins

Margin Bottom None

Margin Bottom 4

Margin Bottom 8

Margin Bottom 16

Margin Bottom 24

Margin Bottom 32

Margin Bottom 40

Margin Bottom 56

Margin Bottom 80

Margin Bottom 96

Max width

Max Width 80

Max Width 120

Max Width 160

Max Width 320

Max Width 320

Max Width 480

Max Width 600

Max Width 720

Max Width 960

Buttons

Primary

Ghost

Tertiary

Primary

Ghost

Tertiary

Shadows

Shadow Small

Shadow Medium

Shadow Large