Начало
работы
Забудьте о скучных туториалах. Это инструкция по эксплуатации системы Zenvy. Читаем, копируем, внедряем.
Первый запуск
за 5 минут
Вам не нужно быть инженером NASA. Просто подключите стили и используйте классы.
Установите пакет
Мы рекомендуем использовать npm для управления зависимостями. Это обеспечит автоматические обновления и доступ к TypeScript определениям.
Импортируйте CSS
Добавьте главную таблицу стилей в ваш index.html или основной CSS файл. Никаких препроцессоров не требуется.
Выберите метод
интеграции
Zenvy гибкая. Мы не навязываем сборщики, но поддерживаем их.
CDN (Быстрый)
Идеально для прототипов и лендингов. Просто вставьте ссылку в head.
- • Минимальная конфигурация
- • Кэширование браузера
- • Нет локальных файлов
NPM / Yarn
Стандарт для React, Vue и современных SPA приложений.
- • Полный контроль версий
- • Доступ к исходникам
- • Поддержка модулей
Скачивание
Для старых проектов и локальной разработки без интернета.
- • ZIP архив
- • Все ассеты внутри
- • Минимизированные файлы
Анатомия
проекта
Понимание структуры критически важно для кастомизации. Мы не прячем ничего в "магических" папках.
dist/
Производствоcss/
Скомпилированные таблицы стилей. zenvy.min.css для продакшена, zenvy.css для отладки.
js/
Опциональные скрипты для интерактивности (модальные окна, бургер-меню).
src/
Исходный код. Если вы хотите изменить переменные цветов или шрифты, редактируйте файлы здесь и запускайте билд.
assets/
Шрифты (Space Grotesk, Inter), иконки SVG и демо-изображения. Все оптимизировано для веба.
Изучите
компоненты
Вы подключили сетку и типографику. Теперь самое интересное — сборка интерфейса из готовых блоков.