H1

H2

H3

big text

text

caption

Graphic regular 62/76(1,3)

Graphic regular 42/54(1,3)

Graphic regular 32/42(1,3)

Graphic regular 24/32(1,3)

Graphic regular 18/24(1,3)

Graphic regular 14/18(1,3)

Большой, красивый акцентный заголовок для привлечения внимания

Основной функциональный заголовок для обозначения тем, разделов + используем для цифр при нумерованном списке

Стиль для выделения основных мыслей, используется на кнопках, для подзаголовков внутри блоков

Крупный кегль для текста может быть как текстом, так и стилем для подзаголовков внутри блоков

Основной стиль для текстовых блоков

Стиль для подписей, блоков с пояснениями, для малозначительной технической информации. Можно использовать в сером цвете

У заголовков блоков верхний отступ 3 line (90px), нижний нулевой

Расстояния во всем блоке выставляются индивидуально, по возможности с учетом «теории близости». Нижний отступ всего блока до следующего 3 line (90px).

Делаем заголовки по ширине блока в 8 колонок, не делаем длинный заголовок на всю ширину страницы, это неудобно читать.

Длинные тексты обязательно бьем на абзацы, выделяем главное цветом или размером, разбавляем картинками/иконками. Не делаем слишком узких колонок (когда умещается
только два слова) и слишком длинных строк.

Главное — когда верстаете текст на минуту переключитесь и подумайте:
«А мне было бы удобно его читать?»