Style Guide

Пункт 2

Все параграфы

Это абзац. Это абзац. Это абзац

Размер шрифта: 18 px = Рабочий стол, 16 px = Мобильный. Высота: 1.5 -
Малый пункт

Это небольшой абзац. Это небольшой абзац. Это небольшой абзац.

Шрифт Size 16 px = рабочий стол, 16 px = мобильный. Высота: 1.5 -

HTML-теги

H1

Заголовок H1

Размер шрифта: 58 пикселей = рабочий стол, 32 пикселя = мобильный. Высота: 1,1 -
H2

Заголовок H2

Размер шрифта: 44 px = рабочий стол, 30 px = мобильный. Высота: 1,1 -
H3

Заголовок H3

Размер шрифта: 34 px = Рабочий стол, 28 px = Мобильный. Высота: 1.2 -
H4

Заголовок H4

Размер шрифта: 24 px = Рабочий стол, 20 px = Мобильный. Высота: 1.2 -
H5
H5 заголовок
Размер шрифта: 18 px = Рабочий стол, 16 px = Мобильный. Высота: 1.2 -
H6
Заголовок H6
Размер шрифта: 16 пикселей = рабочий стол, 16 пикселей = мобильный. Высота: 1.2 -

Кнопки и ссылки

Кнопка Большая
Текст кнопки
Маленькая кнопка
Текст кнопки
Кнопка аутентификации
Текст кнопки
Все ссылки
Это текстовая ссылка
Размер шрифта: 18 px = Рабочий стол, 16 px = Мобильный. Высота: 1.5 -

Цвета

#022140
Цвет основного
#2979ff
Основной
синий
№3070де
Вторичный
синий
#96a0b5
Серый
#f8fafb
Серый
Вторичный
#ffffff
Белый
#ff0000
Красный
#f3f7f9
Третичный

Другой текст

Цитата блока
Цитата блока
Весь список без сортировки
  • Это текст внутри блока div .
  • Это текст внутри блока div .
  • Это текст внутри блока div .
Весь список заказов
  1. Это текст внутри блока div .
  2. Это текст внутри блока div .
  3. Это текст внутри блока div .