Тихая белая стена галереи с одной кораллово-красной закладкой

Airbnb работает в стиле «белого холста», где на первом месте фотография: почти каждый экран представляет собой тихую монохромную рамку, позволяющую полноэкранным изображениям объектов недвижимости передавать общее впечатление, с единственным насыщенным кораллово-красным акцентом (Rausch) в качестве единственного цветового знака, обозначающего действие. Шрифт — геометрический без засечек (Airbnb Cereal VF) — в основном небольшого, уверенного размера: основной текст, интерфейс, заголовки разделов (22–22) — с плотным отрицательным межстрочным интервалом и большой межстрочной разметкой, что делает карточки с плотным текстом читаемыми. Интерфейс плоский, без рамок и закругленный: радиусы 12–3 на карточках и элементах управления, круглые кнопки в форме таблеток и мягкие многослойные тени только для выступающих элементов, таких как строка поиска. Все остальное — карточки, элементы списка, ссылки — основано на пустом пространстве и тонких линиях, а не на хромированных деталях.

Полноэкранная компоновка без фиксированного ограничения максимальной ширины — контент растягивается от края до края в пределах видимой области, с внутренним горизонтальным отступом примерно 40px с каждой стороны на настольных компьютерах. Героем является плавающая поисковая капсула, расположенная по центру на спокойном белом холсте без изображения или заголовка — поисковая строка ЯВЛЯЕТСЯ героем. Под поиском страница переходит в вертикально расположенные секции с горизонтальной прокруткой (видны 4 строки: Популярные дома, Отличные отели, Другой город, Доступно в следующем месяце), каждая высотой примерно 320px, разделенные вертикальными промежутками 48px. Каждая секция использует сетку из 7 карточек с горизонтальным переполнением и стрелочной навигацией. Нижний колонтитул представляет собой сетку ссылок из 3 колонок на фоне #f7f7f7, за которой следует нижняя панель с информацией об авторских правах, языком/валютой и иконками социальных сетей. Навигация представляет собой фиксированную верхнюю панель с центрированной навигацией по вкладкам и выровненными по правому краю элементами управления.

В визуальной системе доминирует фотография — основным типом контента являются полноэкранные изображения объектов недвижимости. Все фотографии представляют собой теплые, хорошо освещенные интерьерные и экстерьерные снимки реальных домов и отелей, обработанные с естественной цветокоррекцией (без тяжелых фильтров или дуотонов). Изображения плотно обрезаны с соотношением сторон 1:1 для карточек объявлений, заполняя край карточки без полей. Иконки по всему интерфейсу имеют монохромную обводку (толщина линии ~16–16), используются экономно для категорий навигации и элементов управления пользовательского интерфейса. Логотип — единственный многоцветный графический элемент (Rausch). Никаких иллюстраций, никаких 3D-рендеров, никакой абстрактной графики — визуальный язык представляет собой чистую фотографию + минималистичную монохромную иконографию на мягком белом холсте.