Типографика
Подбирай шрифты, которые работают вместе и действительно поддерживают нужный язык. Все семейства доступны в Google Fonts.
Подбор шрифтовой пары
Закрепи понравившийся шрифт и нажми «Подобрать». Второй шрифт подберётся с нужной степенью похожести.
Идеи обретают форму
Шрифтовая пара задаёт характер всему макету
Хорошая типографика помогает увидеть структуру, понять смысл и почувствовать интонацию ещё до того, как текст будет прочитан целиком.
Типографическая шкала
Задай базовый размер и коэффициент. Инструмент построит мобильную и десктопную шкалу и подготовит CSS с плавным clamp().
Конструктор иерархии
Настрой размеры, насыщенность и межстрочный интервал для пяти текстовых ролей. Пример и CSS-переменные обновляются сразу.
Смысл начинается со структуры
Хорошая иерархия ведёт читателя по странице
Размер, насыщенность и интервалы помогают быстро понять, где главное, где пояснение и какое действие нужно сделать дальше.
Проверка читаемости
Настрой абзац и получи объяснение: достаточно ли крупный текст, комфортна ли длина строки и правильно ли выбран интерлиньяж.
Хочешь понимать типографику глубже?
Композиция, иерархия, шрифты и цвет — на курсе дизайна в zipka.