Heading for desktop

Heading 01

font-family: Roboto;
font-weight: bold;
font-size: 38px;
line-height: 46px;

Heading 02

font-family: Roboto;
font-weight: medium;
font-size: 38px;
line-height: 46px;

Heading 03

font-family: Roboto;
font-weight: regular;
font-size: 28px;
line-height: 34px;

Heading 04

font-family: Roboto;
font-weight: regular;
font-size: 18px;
line-height: 22px;

Heading for mobile

Heading 01

font-family: Roboto;
font-weight: bold;
font-size: 28px;
line-height: 39px;

Heading 02

font-family: Roboto;
font-weight: medium;
font-size: 22px;
line-height: 30px;

Heading 03

font-family: Roboto;
font-weight: regular;
font-size: 20px;
line-height: 18px;

Text

Body 01 Normal
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 22px;
Body 01 Bold
font-family: Roboto;
font-weight: 700;
font-size: 16px;
line-height: 22px;
Body 02 Normal
font-family: Roboto;
font-weight: normal;
font-size: 14px;
line-height: 20px;
Body 02 Bold
font-family: Roboto;
font-weight: 700;
font-size: 14px;
line-height: 20px;
Large Field Text
font-family: Roboto;
font-weight: normal;
font-size: 24px;
line-height: 100%;
Field Text
font-family: Roboto;
font-weight: 700;
font-size: 18px;
line-height: 25px;
Button
font-family: Roboto;
font-weight: 500;
font-size: 18px;
line-height: 100%;
Links 01
font-family: Roboto;
font-weight: 300;
font-size: 16px;
line-height: 22px;
text-decoration: underline;
Links 02
font-family: Roboto;
font-weight: normal;
font-size: 14px;
line-height: 20px;
text-decoration: underline;
Links 03
font-family: Roboto;
font-weight: normal;
font-size: 12px;
line-height: 17px;
text-decoration: underline;
Caption 01
font-family: Roboto;
font-weight: 600;
font-size: 12px;
line-height: 17px;
Caption 02
font-family: Roboto;
font-weight: 100;
font-size: 12px;
line-height: 17px;

Text

Black

#1E1E1E

Dark Grey

#575757

Medium Grey

#8F8F8F

Light Grey

#E0E0E0

White

#FFFFFF

Neutral Colors

Black

#1E1E1E

Dark grey

#575757

Medium Grey

#8F8F8F

Light Grey

#F8F8F8

White

#FFFFFF

Backgrounds

Grey

#F6F6F6

White

#FFFFFF

Accent Colors

Promotion red

#ED1D24

Accent ORANGE

#FF8000

NS Primary Blue

#00468D

NS Primary Blue 30%

#00468D

NS Primary Blue 10%

#00468D

NS Primary Blue 5%

#00468D

Service Colors

Red

#DB2020

Yellow

#F7CD36

Green

#28A65D

Blue

#3574EF

H1 desktop

Frame art

Size — 38px, line-height — 46px, font-weight: bold

H1 mobile

Frame art

Size — 28px, line-height — 39px, font-weight: normal

H2 desktop

Frame art

Size — 38px, line-height — 46px, font-weight: normal

H2 mobile

Frame art

Size — 22px, line-height — 30px

H3 desktop

Frame art

Size — 28px, line-height — 34px

H3 mobile

Frame art

Size — 20px, line-height — 28px

Frame art - H4

H4 desktop

Frame art

Size — 18px, line-height — 22px

Body 01 Normal

Детальніше дізнатися про нашу продукцію, а також замовити товар, який сподобався, можна перейшовши до каталогу.


Body 01 Normal Bold

Детальніше дізнатися про нашу продукцію, а також замовити товар, який сподобався, можна перейшовши до каталогу.


Body 02 Normal

Детальніше дізнатися про нашу продукцію, а також замовити товар, який сподобався, можна перейшовши до каталогу.


Body 02 Normal Bold

Детальніше дізнатися про нашу продукцію, а також замовити товар, який сподобався, можна перейшовши до каталогу.


Text Caption

Детальніше дізнатися про нашу продукцію, а також замовити товар, який сподобався, можна перейшовши до каталогу.


Text Caption

Детальніше дізнатися про нашу продукцію, а також замовити товар, який сподобався, можна перейшовши до каталогу.



Button State:

Default

Disabled

Button State for simple buttons:

Active

Disabled

Floating action buttons (FAB) State:

Active

Disabled

Dropdown:

Inactive

Active

Input Fields State::

Email field

Disabled

Error

This is a required field.
To Top