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