ШАГ 7:
Подобрать и внедрить 5 шрифтовых пар
Описание шага
[Что делать] Найди 5 пар (heading + body), внедри в Киты 1-2 как текстовые стили.
[Как это работает] Типографика склеивает UI в систему.
[Ожидаемый результат] Киты с текстом.
[Критерий готовности] Character styles в 5 парах применены к элементам.
Как выполнить шаг
1) [Подготовка] Исследуй Google Fonts.
2) [Действие 1] Выбери пары: Inter+Roboto и т.д.
3) [Действие 2] Создай styles: H1 48px, body 16px.
4) [Действие 3] Примени к лейблам/карточкам.
5) [Проверка результата] Текст читаем на всех размерах.
6) [Что дальше] Кит3 — шаг 8.
Частые ошибки
1. [Один шрифт]: body=heading. Всегда 2 контрастных.
Полезные инструменты
Векторный редактор с typography.
🎯 Цель с этим шагом
Освой создание готовых UI-наборов для ускорения веб-проектов. За 8 недель соберешь 12 полноценных китов с кнопками, формами и элементами — портфолио для фриланса и роста в дизайне.
Подробнее о цели →