Шапка сайта
Симметричная шапка с центральным брендом
Шапка fashion и предметного дизайна: разреженный текстовый знак строго по центру, две группы ссылок капсом по краям, корзина со счётчиком. Разрядка знака раскрывается на наведении, у ссылок волосяная линия растёт из центра. Светлая и чёрная версии.
Что можно поменять
- leftLinks и rightLinks — две группы разделов; их длины лучше держать близкими
- brand — текстовый знак; tone — светлая или чёрная версия
- bagCount — число в корзине; ноль убирает счётчик
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/navbar-015?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Один файл, ноль зависимостей, клиентский компонент. Премиальность создают пропорции и сдержанность, а не декор: у ссылок нет ни фонов, ни рамок — только волосяная линия, растущая из центра на наведении, а у знака разрядка, которая чуть раскрывается. Сетка из трёх колонок держит знак строго по центру независимо от длины боковых групп. В узкой колонке знак остаётся по центру, ссылки уходят в лист на непрозрачной поверхности; лист закрывается по Escape и по нажатию снаружи. Палитра --vibeui-navbar-015-*.
Теги
- navbar
- header
- fashion
- centered
- symmetric
- luxury
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…