Как делался дизайн в проекте

Мы использовали Figma для создания дизайн-макетов. Дизайнеры разрабатывали UI-кит с компонентами (кнопки, формы, типографика), который потом передавали в разработку.

Для стилизации применяли CSS-модули (или Styled Components), чтобы избежать конфликтов классов. Пример:

/* Button.module.css */
.primary {
  background: #007bff;
  color: white;
}

Адаптивность проверяли через DevTools и реальные устройства. Для сложных анимаций использовали GSAP или Framer Motion.

Дизайн-система помогала сохранять консистентность, а токены (цвета, шрифты) выносили в переменные CSS или SCSS.

Пример с переменными:

:root {
  --primary-color: #007bff;
}

Регулярные созвоны с дизайнерами помогали быстро вносить правки.