Typography & Colors
|
Name |
Color |
|---|---|
|
text-headline |
#0B0C0E |
|
text-title |
#22242A |
|
text-subtitle |
#454854 |
|
text-body |
#505462 |
|
text-caption |
#8A8EA8 |
Available styles
|
Size |
Usage |
Font-weight |
Line-height |
Color |
|---|---|---|---|---|
|
4XL - 48px |
Headline |
Semi-bold |
130% |
text-headline |
|
3XL - 40px |
Headline |
Semi-bold |
130% |
text-headline |
|
2XL - 28px |
Title |
Semi-bold |
130% |
text-title |
|
XL - 24px |
Title |
700-bold |
130% |
text-title |
|
L - 20px |
Subtitle |
400-regular / 700-bold |
130% |
text-subtitle |
|
M - 16px |
Paragraph |
400-regular / 700-bold |
150% |
text-body |
|
S - 14px |
Paragraph |
400-regular / 700-bold |
150% |
text-body |
|
XS - 12px |
Paragraph |
400-regular |
150% |
text-caption |
|
Size |
Usage |
Font-weight |
Line-height |
Color |
|---|---|---|---|---|
|
4XL - 48px |
Headline |
700-bold |
130% |
text-headline |
|
3XL - 40px |
Headline |
700-bold |
130% |
text-headline |
|
2XL - 28px |
Title |
700-bold |
130% |
text-title |
|
XL - 24px |
Title |
700-bold |
130% |
text-title |
|
L - 20px |
Subtitle |
400-regular / 700-bold |
130% |
text-subtitle |
|
M - 16px |
Paragraph |
400-regular / 700-bold |
150% |
text-body |
|
S - 14px |
Paragraph |
400-regular / 700-bold |
150% |
text-body |
|
XS - 12px |
Paragraph |
400-regular |
150% |
text-caption |