Alexey S
6ff7e97046
Introduces data-design-version attribute on <html> with localStorage persistence and anti-flicker inline script. V2 overrides implement the design audit: Cormorant serif headings, #7D021D wine palette, warm #FFFDFA base, refreshed product card, mega-menu, contacts, and form success state. V1 remains untouched. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
DP Trade — Site UI Kit
Единый HTML/CSS проект для сайта и дизайн-системы DP Trade.
Структура
index.html— главная страница с меню, hero, карточками и футером.catalog.html— пример страницы каталога.product.html— пример страницы продукта.ui-kit.html— живая витрина дизайн-системы.css/tokens.css— дизайн-токены: цвета, шрифты, отступы, радиусы, тени.css/site.css— общие стили сайта: header, menu, footer, cards, layouts.css/ui-kit.css— стили страницы UI-kit.components/menu.html— HTML-фрагмент меню.components/footer.html— HTML-фрагмент футера.assets/imagesиassets/icons— место для локальных изображений и иконок.
Правило организации
В проекте должен быть один Git-репозиторий на уровне этой папки. Отдельные компоненты сайта живут внутри components/, а не как самостоятельные соседние проекты.
Naming
Для дизайн-системы используется формат:
[Category] / [Type] / [Variant] / [State]
Примеры:
Button / Primary / Default
Card / Product / Hover
Nav / Header / Desktop
Как смотреть
Открой index.html или ui-kit.html напрямую в браузере. Сервер для текущей версии не нужен.