Airbnb
Тиха бяла галерийна стена с един кораловочервен отметчик
Airbnb работи в стил „бяло платно“, където фотографията царува върховно: почти всеки екран е тиха монохромна рамка, позволяваща изображения на имоти на цял екран да предадат цялостното впечатление, с един-единствен, наситен кораловочервен акцент (Rausch) като единствен цветен сигнал, обозначаващ действие. Шрифтът е геометричен безсерифен (Airbnb Cereal VF) – предимно малки, уверени размери – за основния текст, интерфейса и заглавията на секциите (22-22) – с плътно отрицателно разстояние между редовете и щедро разстояние между редовете, което прави картите с плътен текст четливи. Интерфейсът е плосък, без рамка и заоблен: радиуси 12-3 на картите и контролите, кръгли бутони с форма на хапче и меки, пластови сенки само за изпъкнали елементи като лентата за търсене. Всичко останало – карти, елементи от списъка, връзки – разчита на бяло пространство и фини линии, а не на хромирани акценти.
Оформление с пълна ширина без фиксирано ограничение за максимална ширина — съдържанието се разтяга от край до край в рамките на видимата област, с приблизително 40px хоризонтално отстъпване от всяка страна на десктоп. Главното поле е плаваща капсула за търсене, центрирана върху неутрално бяло платно без изображение или заглавие — лентата за търсене Е главното поле. Под търсенето страницата преминава във вертикално подредени, хоризонтално превъртащи се секции (видими са четири реда: Препоръчани домове, Страхотни хотели, Друг град, Налично следващия месец), всяка с височина приблизително 320px, разделена от вертикални улуци от 48px. Всяка секция използва мрежа от 7 карти с хоризонтално преливане и навигация със стрелки. Долният колонтитул е мрежа от 3 колони с връзки на фон #f7f7f7, последвана от долна лента с информация за авторските права, опции за език/валута и икони за социални медии. Навигацията е фиксирана горна лента с центрирана навигация с раздели и подравнени вдясно контроли.
Фотографията доминира визуалната система, като изображенията на обяви за недвижими имоти на цял екран служат като основен тип съдържание. Всички снимки са топли, добре осветени интериорни и екстериорни кадри на реални домове и хотели, обработени с естествена цветова корекция (без тежки филтри или двутонове). Изображенията са плътно изрязани със съотношение на страните 1:1 за картите на обявите, запълвайки ръба на картата без пресичане. Иконите в целия интерфейс имат монохромен контур (дебелина на линията ~16–16), използван пестеливо за категории за навигация и контроли в потребителския интерфейс. Логото е единственият многоцветен графичен елемент (Rausch). Няма илюстрации, няма 3D рендери, няма абстрактна графика - визуалният език е чиста фотография и минималистична монохромна иконография върху меко бяло платно.
Палитра
Марка
- Rausch
#ff385c— Червеното се използва като декоративен акцент за икони, знаци и малки графични детайли. Не трябва да се използва като основен цвят за призиви за действие. - Rausch 600
#e00b41— Пресова и тъмна версия на боя Rausch за повърхности, използвани като акценти на марката върху повърхности за пускане/активни повърхности.
Неутрален
- Hof
#222222— Основният текст, заглавията, контурите на иконите и обърнатият фон са в неутрален цвят, близък до черен, който служи като основа за цялата ахроматична система. - Foggy
#6a6a6a— Вторичен текст, заглушени надписи, спомагателен текст, деактивирано запълване на икони и дискретни метаданни под заглавията на картите. - Grey 500
#c1c1c1— Деактивиран текст, текст-заместител в полетата за въвеждане и контури на заглушени икони, където е необходимо намаляване на акцента върху състоянието. - Bebe
#ebebeb— Тънки рамки, подчертани полета за въвеждане, разделители между редовете на списъка и фини разделителни линии. - Deco
#dddddd— Фонови изображения на карти за неактивни контейнери, заместители и деактивирани състояния на карти. - Faint
#f7f7f7— Фоновото изображение на платното на страницата, повърхността на долния колонтитул и състоянието на задържане на курсора за интерактивни елементи са в мек, кремав нюанс, който отличава тази страница от чисто белите карти.
Типография
от 11 до 28px · 5 стъпки
- Airbnb Cereal VF — замяна: Circular · очертания 400, 500, 600, 700 · Персонализиран геометричен шрифт без сериф, проектиран за Airbnb. Текстът на тялото е позициониран на 14px/400, етикетите на потребителския интерфейс на 16px/500, заглавията на секциите на 20px/600, 22px/500 с тясно разстояние между буквите от -0.02em, а заглавията на страниците на 28px/700. Отрицателното разстояние между буквите намалява с увеличаване на размера, което е характеристика на геометричните шрифтове без сериф при по-големи размери на екрана. Активира функцията за алтернативен глиф „salt“.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | гъст |
| Основна стъпка | 12px |
| Радиус на бутона | 9999px |
| Радиус на картата | 12px |
| Сенки | меки сенки |
| Между секциите | 48px |
| Ширина на страницата | 1440px |
Изкуственият интелект ще изгради вашия уебсайт в стил Airbnb и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Apple (España) — бяла витрина за галерия
- Silencio — Бяла стая с плаващи артефакти. Галерийна експозиция, изработена от топла хартия, където всеки елемент заема своето място на фона на негативен обем, а тишината е умишлено дизайнерско решение.
- Oakâme — Огрена от слънце провансалска работилница, издълбана от топъл камък
- Nike — Монохромна галерия със спортни постижения – бели стени, продуктът като произведение на изкуството, хром, разтворен във фона
- Arc — индустриална бяла галерия над полунощна вода
- Rivian — Електрически монолит върху бетонната стена на галерията. Ривиан представя всяко превозно средство като скулптура на фона на огромно бяло пространство, с типография, толкова голяма, че се превръща в архитектурен елемент, и един-единствен топъл жълт цвят, който разчупва монохромната атмосфера, като слънчева светлина върху матова повърхност.
- Analogue — Черна витрина за галерия – стоките се носят в празнотата
- ddna — топла музейна витрина върху необработен лен
- Zellerfeld — Работилница на скулптор върху бял мрамор — монолитните повърхности на пиедестала, една-единствена искра кобалт, шепот от малки букви от пода до тавана
- UY Studio — Каменната галерия на манастира е тихо пространство с бетонни стени, където парфюмни бутилки стоят на бели постаменти, осветени от една 400-ватова лампа и четири топли сиви крушки.
- Basic.Space — кураторска галерия върху бял мрамор
- COS — модерна галерия с бели стени