Разобрать задачу

Кейс · Сайты и веб-приложения

Корпоративный сайт «ТЕХ»

Пиксель-перфект вёрстка из Figma: 20+ страниц, 4 брейкпоинта. Пиксель-перфект многостраничник из сложного макета с адаптивом под четыре разрешения и авторским конвейером автосборки из Figma.

Заказчик: Компания «ТЕХ» — промоборудование и контрактная электроника

Задача

Что нужно было решить

Сверстать многостраничный корпоративный сайт в максимальном соответствии с большим Figma-макетом — в четырёх брейкпоинтах: 1920, 1280, 768 и 390.

Решение

Как это сделано

Чистый HTML + CSS без фреймворков, строго по дизайн-токенам. Авторский Python-тулчейн «дизайн-в-код»: выгрузка дерева узлов через Figma REST API, экспорт векторов, автогенерация страниц и аудит соответствия макету. Живой поиск по каталогу, форма заявки, SEO-обвязка с llms.txt.

HTML5CSS3 (токены)JSFigma REST APIPython / PillowVercel Functions

Результат

Что получил заказчик

Пиксель-перфект многостраничник из сложного макета с адаптивом под четыре разрешения и авторским конвейером автосборки из Figma.

Проект в проде: tex-preview.vercel.app

Смотрите также

Похожие задачи, которые закрывает ИИ

Следующий шаг

Разберём вашу задачу за 30 минут

Хотите похожий результат у себя? Расскажите про задачу — разберу бесплатно и скажу, решается ли она вообще. Скажу прямо, решается это ИИ или нет и с чего лучше начать. Разбор бесплатный и ни к чему не обязывает.

Оставить заявку

Опишите задачу в одной строке — свяжусь и скажу, решается это ИИ или нет.

Telegram WhatsApp Заявка