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

ЧТО ВКЛЮЧЕНО

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

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

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

СОВЕРШЕННО ТАК, КАК ДОЛЖЕН БЫТЬ ИНТЕРФЕЙС МАГАЗИНА

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

LIVE В ТЕЧЕНИЕ ПЯТИ МИНИУТ

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

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

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

FAQ

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

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

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

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

Как получить это?