Mobile · 390 × 844 · iPhone 14/15

Мобільні макети

Ті самі токени, вертикальна логіка. Сітки згортаються в одну колонку, типографіка масштабується через clamp(), моно-мітки залишаються носіями структури.

Екрани

Головна · hero

Логотип + бургер, hero на 100vh, заголовок 2 рядки, одна основна дія.

Метрики та компанія

Метрики — сітка 2×2, текст блоками з тонкими лініями.

Послуги

Темна секція, картки в одну колонку, нумерація зберігається.

Проєкти

Вертикальний стек 4:5, підпис під фото моно-міткою.

Контакти + форма

Форма на всю ширину, поля з нижньою межею, кнопка 100%.

Дизайн-система

Палітра — 2 колонки, типографічні зразки зменшені за clamp().

Правила адаптації

Брейкпоінти: sm 640 · md 768 · lg 1024 — контент від 320px
Відступи: px-6 на мобільному, px-10 від lg
Заголовки: clamp() від 2.4rem до 5.2rem, uppercase
Навігація: від md — інлайн-меню, нижче — бургер/оверлей
Тап-зони: мінімум 44×44px, кнопки py-3 px-6
Сітки: 1 колонка → 2 (sm) → 3–4 (lg), gap 24px