01

Barvy

N{1-8}
Neutral Background
N1
#0000
N2
#1a1a1a
N3
#3f3f3f
N4
#808080
N5
#bebebe
N6
#e6e6e6
N7
#f1f1f1
N8
#ffffff
C{R-P}
Colored Background
CR
#e53917
CO
#f28518
CY
#f2ce18
CG
#29a63e
CC
#21d9d9
CB
#175ce5
CPP
#5c17e5
CP
#d94cd9
L{R-P}
Lightly Colored Background
LR
#ffe5e5
LO
#fff2e5
LY
#ffffe5
LG
#e5ffe5
LC
‍‍
#e5fffd
LB
‍‍
#e6f2ff
LPP
#e9e5ff
LP
#fff0ff
02

Text Colors

T{1-8}
Neutral Colored Text

T1 Pure Black

T2 Light Black

T3 Dark Grey

T4 Pure Grey

T5 Light Grey*

T6 Dark White

T7 Light White

T8 Pure White

T{R-P}
Solid Colored Text

TR Red

TO Orange

TY Yellow

TG Green

TC Cyan

TB Blue

TP Purple

TP Pink

03

Displays

DL
Size: 92px

Display LG

Mobile
Size: 54px

Display LG

DM
Size: 78px

Display MD

Mobile
Size: 44px

Display MD

DS 
Size: 66px

Display SM

Mobile
Size: 36px

Display SM

04

Headings

H1  
Size: 54px

Heading 1

H2  
Size: 44px

Heading 2

H3 
Size: 36px

Heading 3

H4
Size: 28px

Heading 4

H5 
Size: 22px
Heading 5
H6
Size: 18px
Heading 6
05

Text Blocks

TXS  
Size: 14px
© Copyright basicsam, inc.
TS
Size: 16px
© Copyright basicsam, inc.
TM
Size: 18px
© Copyright basicsam, inc.
TL  
Size: 22px
© Copyright basicsam, inc.
TXL
Size: 28px
© Copyright basicsam, inc.
TXXL 
Size: 36px
© Copyright basicsam, inc.
06

Paragraphs

Paragraph XS
Size: 14px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod est tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimego veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex each ab commodo divad consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph SM
Size: 16px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad miniatom veniam, quis nostrud exercitt cupidatat non proident,  in culpa qui officia deserunt mollit anim id est laborum.
Paragraph MD
Size: 18px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim adim veniam, quids nostrud exercitation cupidatat non proident, sunt in culpa qui offici deserunt mollit anim id est laborum.
Paragraph LG
Size: 22px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt Excepteur sint occaecat cupidatat non proident, inta caulpa qui officia deserunt mollit anim id est laborum.
Paragraph XL
Size: 28px
Lorem ipsum dolor sit amet, consectetur adipiscing, sedowip dolore eiusmod tempor incididunt ut labore etdolore magna aliqua. Apac excepteur sint occaecat, sunt in tango. Excepteur sint occaecat cupidatat proident.
Paragraph XXL
Size: 36px
Lorem ipsum dolor sit amet, consectetur adipiscing, sedowip dolore eiusmod tempor incididunt ut labore etdolore magna aliqua. Apac excepteur sint occaecat, sunt in tango.
07

Tags

Primary tag
Secondary tag
Tag Orange
Transparent tag