1
Каркас и структура
Собираем семантический шаблон и первый экран сайта.
• Header • Main • Hero • CTA
2
Head и метаданные
Добавляем фавиконку, шрифты, OpenGraph и шаблон секций.
• <head> • SEO • Шрифты • Компоненты
3
Семантика и навигация
Строим навигацию, разделы, хлебные крошки и доступность.
• nav • section • accessibility
4
CSS и тема
Настраиваем шрифты, цвета, переменные и базовую сетку.
• Переменные • Типографика • Темы
5
Сетки и карточки
Flexbox, карточки сервиса, адаптив и отступы.
• Flexbox • Gap • Hover