LOVII LOVII v1.10.0
Дизайн-система LOVII

Единый стиль всех интерфейсов «Лови»

Токены, компоненты, референс-экраны и правила для людей и ИИ-агентов. Канон стиля: lovii.mobiap.com. Поток изменений: lovii-design → lovii_demo → lovii-site.

Pink #f64a8a Tiffany #0abab5 Gold #d4a854 Inter 400–800 Light / Dark
Гайд

Живой style-guide

Все токены и компоненты в одном самодостаточном файле: палитра, типографика, кнопки, пилюли, карточки, bottom-sheet, toast. Обе темы — переключалкой в хедере.

style-guide.html — открой и изучай

Собран скриптом из tokens/tokens.css, поэтому никогда не расходится с каноном.

Открыть гайд →
Роли

Референсы по ролям

Пять самодостаточных экранов: копируй каркас и подставляй контент своей роли.

Паттерны

Живые UX-паттерны

v3: лаборатория с работающими демонстрациями поведения экрана — всё, что вокруг компонентов.

Паттерны

UX-лаборатория

Якоря и scroll с кнопкой «наверх», живой индикатор брейкпоинтов, честный PWA-флоу установки, hash-роутер на #/….

examples/06-ux-lab.html
Тон

Бренд и тон

v4: голос «Лови» и тексты вживую — принципы, матрица тона, канонические формулировки, юр.блок.

Тон

Тон-лаборатория

Пять принципов голоса с парами «пишем / не пишем», живая матрица тона (успех, ошибка, пусто, загрузка, деньги), копируемые канонические тексты, юр.блок.

examples/07-voice-lab.html
Компоненты

Библиотека компонентов

v5: полный набор вживую — каждая группа со состояниями, в обеих темах. Реестр набора и правила расширения — docs/12.

Компоненты

Библиотека компонентов

9 групп, 60+ демо: кнопки, чипы, поля и контролы, карточки, списки, навигация, фидбек, контентные блоки, живая сетка состояний.

examples/08-components.html
Сайт продукта

LOVII site — lovii.ru

Итоговая версия сайта продукта собрана на каноне ДС: токены, темы, иконки, голос. Паттерны лонгрида — docs/13.

Сайт

LOVII — от района к Федерации

White paper продукта на домене lovii.ru: hero-подпись, ленточные паттерны, wave-декор, печать. Живая проекция дизайн-системы.

lovii.ru
Доки

Документация

Полные тексты — в репозитории на GitHub.