Полный, адаптивный витриной storefront: семантический HTML, единая прокомментированная система дизайна в CSS, ванильный JavaScript, сгенерированные арты товаров и полная SEO-разметка. Без фреймворков, без шага сборки, без лицензионного ключа.

ЧТО ВЫ ПОЛУЧАЕТЕ

Одна папка, без инструментов сборки:

• index.html - семантическая разметка, метатеги, Open Graph и ClothingStore + ItemList JSON-LD.
• style.css - один блок палитры :root, который перекрашивает весь сайт. Mobile-first, без фреймворков.
• script.js - 4 КБ ванильного JS: навигация, фильтрация, сортировка, корзина, reveal-on-scroll.
• img/ - сгенерированная SVG-арт товара - крошечный, четкий в любом масштабе, перекрашиваемый по вашей палитре.

Лицензия MIT - используйте в клиентских проектах, покупайте повторно брендируйте его, продавайте как часть собственного билда.

ПО ТЕПЕРЬ ТАК, КАК ДОЛЖЕН ПОВЕДАТЬСЯ МАГАЗИН

1. Адаптивность - макеты проверены от 320 до 1440 px с нулевым горизонтальным переполнением на 360, 390, 768, 1024 и 1440.
2. Vanilla JavaScript - Корзина, фильтрация, сортировка, мобильная навигация и эффекты появления при прокрутке в одном маленьком скрипте - без библиотек, без шага сборки.
3. SEO-готовность - семантическая разметка, метатеги, Open Graph и структурированные данные JSON-LD в заголовке страницы.
4. Переход на одну палитру - весь сайт перекрашивается из одного закомментированного блока :root в начале style.css.

ГОТОВ В УДОБНОЕ ВРЕМЯ

1. Разархивируйте и откройте - двойной клик по index.html запускается прямо с рабочего стола, сервер или npm не требуется.
2. Введите ваши данные - script.js начинается с блока CONFIG: поддержка email и ваши данные, 30 секунд.
3. Брендирование - измените текст бренда в заголовке и цветовые токены в style.css - сайт перекрасится вокруг них.
4. Загрузите - перетащите папку на Netlify Drop, GitHub Pages или любой статический хост - сайт будет онлайн менее чем за пять минут.

ПОЧЕМУ ПОКУПАТЕЛИ ВЫБИРАЮТ ЭТО

• То, что видишь, то и получаешь: интерактивная демонстрация запускается точным кодом, который вы скачали - те же файлы, то же поведение.
• Проверено перед выпуском: протестировано от 360 до 1440 px без переполнения, без сломанных изображений и без ошибок в консоли.
• Ваше для продажи: лицензия MIT - используйте в клиентских проектах или перепродавайте в составе собственного билда.
• Мгновенная загрузка: оформление заказа, доставка и повторная загрузка обрабатываются за вас - заплатите один раз, и zip окажется в вашей библиотеке сразу же.

FAQ

Нужен ли мне инструмент сборки?
Нет. Распакуйте, откройте index.html, работает. Загрузите папку на GitHub Pages, Netlify drop или любой общий хост.

Можно ли изменить цвета?
Да - блок :root в начале style.css содержит все цвета, шрифты и радиусы, используемые на странице.

Что можно с этим сделать?
Лицензия MIT. Используйте для клиентских проектов, продавайте вместе с ним, сохраняйте всё, что вы взимаете. Признательность за указание источника приветствуется, но не обязательно.

Где редактировать текст?
Все тексты в обычном HTML в index.html. INSTALL.md перечисляет каждый блок, который стоит изменить в первую очередь.