Alexey S
a2fd9a5483
Absolute paths (/css/site.css) break when opening _site/ directly via file://. Relative paths work with both the dev server and static hosting. Co-Authored-By: Claude Sonnet 4.6 <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 напрямую в браузере. Сервер для текущей версии не нужен.