
Airbnb
Тихи бели галеријски зид са једним корално црвеним обележивачем
Airbnb функционише у стилу „белог платна“, где фотографија влада врховно: скоро сваки екран је тихи монохроматски оквир, што омогућава сликама некретнина преко целог екрана да пренесу целокупан утисак, са једним, богатим коралноцрвеним акцентом (Rausch) као јединим колор сигналом који означава акцију. Фонт је геометријски sans-serif (Airbnb Cereal VF) – углавном мале, сигурне величине – за текст, интерфејс и наслове одељака (22-22) – са малим негативним размаком између редова и великим размаком између редова, што картице са густим текстом чини читљивим. Интерфејс је раван, без оквира и заобљен: радијуси 12-3 на картицама и контролама, округла дугмад у облику пилула и меке, слојевите сенке само за истакнуте елементе попут траке за претрагу. Све остало – картице, ставке листе, линкови – ослања се на бели простор и фине линије, а не на хромиране акценте.
Распоред пуне ширине без фиксног ограничења максималне ширине — садржај се протеже од ивице до ивице унутар видљивог подручја, са приближно 40 пиксела хоризонталног размака са сваке стране на десктоп рачунару. Херој је плутајућа капсула за претрагу, центрирана на неутралном белом платну без слике или наслова — трака за претрагу ЈЕСТЕ херој. Испод претраге, страница прелази у вертикално наслагане, хоризонтално померајуће одељке (видљива су четири реда: Истакнуте куће, Одлични хотели, Други град, Доступно следећег месеца), сваки висок приближно 320 пиксела, одвојен вертикалним олуцима од 48 пиксела. Сваки одељак користи мрежу са 7 картица са хоризонталним преливом и навигацијом са стрелицама. Подножје је мрежа са 3 колоне са линковима на позадини #f7f7f7, након чега следи доња трака са информацијама о ауторским правима, опцијама језика/валуте и иконама друштвених медија. Навигација је фиксна горња трака са центрираном навигацијом по картицама и контролама поравнатим десно.
Фотографија доминира визуелним системом, са сликама некретнина преко целог екрана које служе као примарни тип садржаја. Све фотографије су топли, добро осветљени снимци ентеријера и екстеријера правих кућа и хотела, обрађени природном корекцијом боја (без тешких филтера или дуотона). Слике су чврсто исечене са односом ширине и висине 1:1 за картице некретнина, попуњавајући ивицу картице без пресецања. Иконе у целом интерфејсу имају монохроматски обрис (дебљина линије ~16–16), ретко се користе за категорије навигације и контроле корисничког интерфејса. Лого је једини вишебојни графички елемент (Rausch). Нема илустрација, нема 3Д рендера, нема апстрактне графике - визуелни језик је чиста фотографија и минималистичка монохроматска иконографија на меком белом платну.
Палета
Brend
- Rausch
#ff385c— Црвена се користи као декоративни акценат за иконе, знакове и мале графичке детаље. Не треба је користити као примарну боју за позиве на акцију. - Rausch 600
#e00b41— Пресована и тамна верзија Рауш боје за површине које се користе као акценти бренда на лебдећим/активним површинама.
Неутрално
- Hof
#222222— Тело текста, главни текст, наслови, обриси икона и инвертована позадина су неутралне боје блиске црној, која служи као основа за цео ахроматски систем. - Foggy
#6a6a6a— Секундарни текст, искључени титлови, помоћни текст, онемогућено попуњавање иконама и дискретни метаподаци испод наслова картица. - Grey 500
#c1c1c1— Онемогућен текст, текст резервисаног места у пољима за унос и искључени обриси икона тамо где је потребно смањити нагласак на статусу. - Bebe
#ebebeb— Танке ивице, подвучена поља за унос, сепаратори између редова листе и суптилне линије раздвајања. - Deco
#dddddd— Позадинске слике картица за неактивне контејнере, резервисана места и онемогућена стања картица. - Faint
#f7f7f7— Позадинска слика платна странице, површина подножја и стање лебдења за интерактивне елементе су меке, кремасте нијансе која ову страницу издваја од чисто белих картица.
Типографија
од 11 до 28 пиксела · 5 корака
- Airbnb Cereal VF — замена: Circular · обриси 400, 500, 600, 700 · Прилагођени геометријски фонт без серифа дизајниран за Airbnb. Текст је позициониран на 14px/400, ознаке корисничког интерфејса на 16px/500, наслови одељака на 20px/600, 22px/500 са малим размаком између слова од -0,02em, а наслови страница на 28px/700. Негативни размак између слова се смањује са повећањем величине, што је карактеристика геометријских фонтова без серифа на већим величинама екрана. Омогућава функцију алтернативног глифа „салит“.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | густ |
| Основни корак | 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 — модерна галерија са белим зидовима