Почему неправильная кегльная шкала портит типографику

Кегльная шкала — это соотношение размеров заголовков, подзаголовков и основного текста. Если разница слишком маленькая — дизайн выглядит скучно, если слишком большая — хаотично. Хорошая шкала строится логично: например, с увеличением размера на 1.25x или 1.33x. В UI-шаблонах часто используют 12px, 14px, 16px, но можно ли так создать хорошую иерархию? Если в вашем дизайне текст «плывёт», проверьте вашу шкалу.