Адаптивная верстка на Nuxt 3 + Tailwind

Замовник: AI | Опубліковано: 05.12.2025

Описание проекта Ищем верстальщика для многостраничного адаптивного сайта по готовому детализированному макету в Figma. Вёрстка должна быть максимально чистой, семантической, кросс‑браузерной и оптимизированной. Что уже есть Nuxt 3 (Vue 3) — всё основное окружение и настройки готовы, надо лишь перенести макет и сверстать. Tailwind CSS подключён и настроен для работы «из коробки». Поддержка сборки через Vite, PostCSS, Autoprefixer и оптимизации изображений. Ваша задача Перенести макет из Figma в Nuxt 3-проект, сохранив пиксель‑перфект дизайн. Организовать адаптивную вёрстку под все устройства (desktop / tablet / mobile). Использовать Tailwind CSS для стилизации + SCSS/SASS-модули (при необходимости). Минимизировать CSS, оптимизировать загрузку шрифтов и изображений (webp, svg‑sprite). Реализовать все состояния элементов (hover, focus, active и пр.) с помощью CSS-анимаций и утилит Tailwind. Подключить локальные и веб‑шрифты с font-display: swap. Обеспечить семантическую разметку, корректные заголовки –, alt‑атрибуты у изображений. Соблюсти БЭМ‑подход или аналогичную методологию для организации классов. JavaScript допускается только для простых UI‑интеракций (открытие меню, модалки, табов, тривиальные анимации). Без AJAX‑запросов, без дополнительной логики. При необходимости можете подключить другие современные технологии (SVG‑спрайты, Iconly, Lottie‑анимации, PostCSS‑плагины и т.п.). Основные требования ✔️ПодробностиПиксель‑перфектПолное соответствие макету из FigmaЧистый и валидный кодHTML5 + Tailwind CSS (SCSS/SASS‑модули при необходимости)АдаптивностьКорректное отображение на всех разрешенияхКросс‑браузерностьChrome, Firefox, Safari, EdgeОптимизация загрузкиМинимизация CSS, оптимизация webp, SVG, шрифтовSEO‑оптимизацияСемантика, alt‑атрибуты, правильная иерархия заголовковБЭМ‑методологияИли аналогичная модульная система классовCSS‑анимации и hover‑эффектыНа основе Tailwind и чистого CSSЛёгкая интеграция с Nuxt 3Никаких ручных правок конфигов — проект уже готов к разработке Структура проекта 12 страниц по готовому списку (Главная, О компании, Услуги, Портфолио, Контакты и т.д.). Что мы ждём от вас Опыт точной вёрстки по Figma‑макету. Умение работать с Tailwind CSS и Nuxt 3 (Vue 3). Знание SCSS/SASS для удобной модульности. Понимание принципов SEO‑разметки. Опыт оптимизации изображений и шрифтов. Внимание к деталям, аккуратность и желание делать код «чистым». Условия и сотрудничество Этот проект — первый из серии: нам нужны надёжные специалисты для долгосрочного сотрудничества.