Компоненты и правила разработки интерфейсов
Единая дизайн-система проекта «Большой Алтай».
Здесь собраны фундаментальные компоненты, Layout, правила их использования и готовые примеры.
Структура BADS
UI Components
List
- Первый пункт
- Второй пункт
- Третий пункт
- Первый пункт
- Второй пункт
- Третий пункт
- Первый пункт
- Второй пункт
- Третий пункт
- Первый пункт
- Второй пункт
- Третий пункт
Badge
Компактный элемент для маркировки информации.
Chip
Accordion
Универсальный раскрывающийся компонент для FAQ, меню, фильтров и любых сворачиваемых блоков.
Да. Большинство наших санаториев принимает гостей с детьми. Для каждого санатория условия могут отличаться.
- Паспорт
- Полис ОМС или ДМС (при необходимости)
- Санаторно-курортная карта
Да, возле каждого санатория имеется бесплатная парковка для гостей.
Да. Просто предупредите менеджера заранее, чтобы мы подготовили номер к вашему прибытию.
Этот текст никогда не откроется.
Несколько независимых групп
Необходим оригинал паспорта.
Возьмите действующий полис ОМС.
Оплата банковской картой.
Наличными или картой.
Accordion с произвольным контентом
- Консультация врача
- Проживание
- Питание
- Процедуры
Для каждого гостя составляется индивидуальная программа лечения.
Перед приездом рекомендуется проконсультироваться с менеджером.
Tabs
Описание санатория, услуги и преимущества.
Большой список лечебных программ.
Отзывы наших гостей.
Первый абзац.
Второй абзац.
Третий абзац.
- Стандарт
- Комфорт
- Люкс
Трехразовое питание по системе заказного меню.
Контент первой вкладки.
Контент второй вкладки.
Контент третьей вкладки.
Контент четвертой вкладки.
Контент пятой вкладки.
Tabs Group
Санаторий
Описание санатория, его преимущества и общая информация.
Варианты размещения и категории номеров.
Адрес, телефон, схема проезда.
Документы
Нужен оригинал паспорта.
Действующий полис ОМС.
Оплата
Оплата банковской картой на сайте.
Оплата наличными или картой в офисе.
Лечение
- Заболевания опорно-двигательного аппарата
- Болезни нервной системы
- Проблемы дыхательной системы
- Острые инфекционные заболевания
- Обострение хронических процессов
- Некоторые тяжелые формы заболеваний
Проживание
Уютные номера для комфортного отдыха.
Улучшенные номера с расширенным набором удобств.
Просторные номера премиального уровня.
Дополнительно
Трехразовое питание по системе заказного меню.
Экскурсии, прогулки, культурные программы.
Pagination
Компонент принимает готовую структуру страниц и может использоваться в любых блоках: новости, акции, каталоги, поиск и другие разделы.
Pagination states
Breadcrumbs
Default
Long navigation
Light version
Alert
Variants
Closable
Modal
Modal является самостоятельным UI-компонентом. Для открытия достаточно передать два data-атрибута в любую кнопку BADS.
Title
Универсальный компонент заголовков дизайн-системы.
Типовой заголовок
Subtitle
Divider
Декоративный разделитель, используемый совместно с заголовками.
Frame
Overlap
Overlap пример
Карточка находится поверх изображения.
Grid
Карточка 1
Пример содержимого карточки.
Карточка 2
Пример содержимого карточки.
Карточка 3
Пример содержимого карточки.
Карточка 4
Пример содержимого карточки.
Карточка 5
Пример содержимого карточки.
Карточка 6
Пример содержимого карточки.