UI Kit
Единый источник истины для всех цветов, стилей текста и компонентов платформы. Продуктовый интерфейс собирается только из того, что зафиксировано здесь.
Цветовая палитра
Типографика
Заголовок первого уровня
Заголовок второго уровня
Заголовок третьего уровня
Заголовок четвёртого уровня
Основной текст набран для комфортного чтения: увеличенный межстрочный интервал и умеренная длина строки — описание объекта или страница политики никогда не выглядят тесно.
Body text is set for comfortable reading: generous line height and a measured line length, so a listing description or a policy page never feels cramped.
Основной текст набран для комфортного чтения: увеличенный межстрочный интервал и умеренная длина строки — описание объекта или страница политики никогда не выглядят тесно.
ข้อความเนื้อหาถูกจัดวางให้อ่านสบาย: ระยะห่างบรรทัดกว้างขึ้นและความยาวบรรทัดพอเหมาะ ทำให้คำอธิบายประกาศหรือหน้านโยบายไม่รู้สึกอึดอัด
正文排版注重阅读体验：行距宽松、每行长度适中，无论是房源描述还是政策页面都不会显得拥挤。
Хороший дизайн — это как можно меньше дизайна.
Кнопки
Формы и поля ввода
Интерактивные компоненты
Календарь доступности
- Даты вашего бронирования
- Занято
- Сегодня
Ваше бронирование
- Заезд
- вт, 8 дек.
- Выезд
- пт, 18 дек.
- 10 ночей
- $1040
- Скидка за длительное проживание (10%)
- −$104
- Итого
- $936
- Средняя цена за ночь
- $94
Заполненность объявления
Бейджи
Карточка объекта
Фотогалерея
Используется на странице отдельного объекта и на странице проекта/комплекса с множеством юнитов. Клик по заглавной фотографии открывает её на весь экран; там работают стрелки клавиатуры и свайп.
Оверлеи и всплывающие окна
Графики
Карта
Нажмите на пин, чтобы увидеть превью объекта — карту можно перетаскивать и масштабировать пальцами, как в Google Картах.
Эта карта работает на вашем собственном ключе MapTiler
Теперь подписи автоматически следуют за текущим языком сайта и меняются вместе со страницей — попробуйте переключить язык. Бесплатный тариф покрывает 5000 сессий карты и 100 000 запросов к API в месяц, без привязки карты оплаты — стоит следить за этим, когда карта уйдёт со страницы /ui-kit на страницу с реальным трафиком. Следующий тариф, Flex, стоит $30 в месяц за 25 000 сессий и 500 000 запросов.