Типографика

В работе с микро-типографикой важно придерживаться правил размерности межстрочного интервала (line-height) и размеров кеглей. В случае если размерность абзаца более 2 строк необходимо добавить 4 px к межстрочному интервалу для улучшения читабельности мелкого текста. 

Так же важно соблюдение назначения цветов, где возможен адаптивный вариант использования цвета, там необходим индивидуальный подбор, который зависит от факторов подачи и восприятия контента. 

Пример: если размер наборного текста 13 px, то межстрочный интервал будет равен 17 px. Если количество строк текста более 2, то необходимо назначить цвет: #000000, вместо #333333 для улучшения видимости шрифта.

1050px-Adobe_XD_CC_icon.svg

Bold 700

#333333

42px

Bold 700

#2462b7

32px

Medium 500

#2462b7

28px

Medium 500

Адаптивно

16px

Bold 700

#333333

16px

Bold 700

Адаптивно

16px

Regular 300

#33333

16px

Italic 500

#333333

16px

Regular 300

#333333

13 px

Medium Uppercase 500

Адаптивно

11 px

Medium 500

Адаптивно

13 px

Regular 300

#8696ac

11 px