Дизайн-система
Живые интерактивные компоненты со всеми состояниями — обычное, наведение, нажатие, фокус, ошибка, успех, выключено. Полный набор для сборки мобильного приложения. Кликайте — большинство контролов настоящие.
Токены
Отступы · сетка 4px
Поля экрана 22 · промежуток карточек 12 · внутр. паддинг 14–22.
Радиусы
12 sm
14 md
18 lg
24 card
pill
Карточки 24 · элементы 14–18 · кнопки и чипы pill.
Высота и свечение
Семантика
Success
Warning
Danger
Info
Violet
Neutral
Действия
Типы · наведите и нажмите
Состояния
Ввод
Текстовое поле · состояния
Обычное
Фокус
Ошибка
Проверьте адрес — кажется, опечатка.
Успех
Выключено
Поле + действие · шаг · слайдер
Счётчик · stepper
Бюджет
{{ slider }}%Выбор
Switch · чекбокс · радио
Сегменты · чипы-фильтры
Удаляемые теги
Меню и списки
Выпадающий список
Клик раскрывает список, выбор пункта закрывает и обновляет значение. Шеврон поворачивается.
Меню действий · «три точки»
Таиланд
Поездка · 12 июля
Иконка «три точки» открывает контекстное меню действий. Выбор пункта закрывает меню.
Контейнеры
Выбираемые плитки · одиночный выбор · канон «выбрано»
Таиланд
от 42 000 ₽
Грузия
от 28 000 ₽
Япония
от 96 000 ₽
Карточка контента · состояния
Строки списка
Бейджи статусов
Аватары
Реплика Джарни
Ваш маршрут уже намечен. Остался один тап — и я займусь визой.
Обратная связь
Инфо. Виза оформляется три дня — документы уже подготовлены.
Успех. Готово на 100%. В этот раз вы собрались даже лучше обычного.
Внимание. Рейс сдвинули на два часа — я уже проверяю стыковку.
Ошибка. Не удалось сохранить — но ваши данные на месте. Попробуем ещё раз?
Прогресс
Скелетон · рейтинг
Пока пусто
Но пара идей уже есть. Куда летим?
Триггеры оверлеев
Геймификация
Celebration · поп + искорки
Появляется при завершении шага (только при отметке, не при снятии). Джарни радуется и хвалит — тёплой репликой в tone of voice. Текст разный на каждой позиции. Авто-скрытие через 2.6 с.
Нажмите несколько раз — реплики чередуются по позициям шага.
Навигация
Топбар
Табы · переключают контент
Обзор маршрута: 6 дней, 3 города, всё под контролем Джарни.
4.8 из 5 · 1 240 отзывов путешественников.
Точки маршрута на карте — от отеля до точки прибытия.
Нижний таб-бар · кликабельный
Принципы
Тёмная база, стекло поверх
Фон #0B0E13, контент — на матовых панелях #14181F.
Градиент — только акцент
Аква→коралл на активных элементах, не на фонах.
Одно состояние «выбрано»
Аква-обводка + свечение. Везде одинаково, без вариаций.
Сетка 4px, поля 22px
Карточки 24, элементы 14–18, промежутки кратны 4.
Отменить бронь?
Деньги вернутся на карту в течение трёх дней. Я прослежу и подберу замену, если нужно.
Сортировать
Сохранено. Я присмотрю за изменениями.
Пока недоступно — закончите шаг выше, и я сразу это включу.