Airbnb
Një mur galerie i bardhë dhe i qetë me një faqeshënues të vetëm të kuq korali
Airbnb operon në një stil "kanavacë e bardhë", ku fotografia mbretëron supreme: pothuajse çdo ekran është një kornizë e qetë monokrome, duke lejuar që imazhet në ekran të plotë të pronave të përcjellin përshtypjen e përgjithshme, me një theks të vetëm të pasur të kuq korali (Rausch) si sinjali i vetëm ngjyror që tregon veprimin. Shkronja është një sans-serif gjeometrik (Airbnb Cereal VF) - kryesisht madhësi të vogla dhe të sigurta - për tekstin e trupit, ndërfaqen dhe titujt e seksioneve (22-22) - me hapësirë të ngushtë negative midis rreshtave dhe hapësirë të bollshme midis rreshtave, duke i bërë kartat me tekst të dendur të lexueshme. Ndërfaqja është e sheshtë, pa kornizë dhe e rrumbullakosur: rreze 12-3 në karta dhe kontrolle, butona të rrumbullakët në formë pilule dhe hije të buta, të shtresuara vetëm për elementë të spikatur si shiriti i kërkimit. Çdo gjë tjetër - kartat, artikujt e listës, lidhjet - mbështetet në hapësirën e bardhë dhe vijat e holla në vend të thekseve të kromit.
Një paraqitje me gjerësi të plotë pa një kufi të fiksuar të gjerësisë maksimale - përmbajtja shtrihet skaj më skaj brenda zonës së shikueshme, me afërsisht 40px mbushje horizontale në secilën anë në desktop. Heroi është një kapsulë kërkimi lundruese, e përqendruar në një kanavacë të bardhë neutrale pa imazh ose titull - shiriti i kërkimit ËSHTË heroi. Poshtë kërkimit, faqja kalon në seksione vertikalisht të grumbulluara, me lëvizje horizontale (katër rreshta janë të dukshëm: Shtëpi të Sugjeruara, Hotele të Shkëlqyera, Qytet Tjetër, Të Disponueshme Muajin e Ardhshëm), secila afërsisht 320px e lartë, e ndarë nga kanale vertikale 48px. Çdo seksion përdor një rrjetë me 7 karta me mbingarkesë horizontale dhe navigim me shigjeta. Fundi i faqes është një rrjetë me 3 kolona lidhjesh në një sfond #f7f7f7, e ndjekur nga një shirit i poshtëm me informacion mbi të drejtat e autorit, opsione gjuhe/monedhe dhe ikona të mediave sociale. Navigimi është një shirit i sipërm i fiksuar me navigim të skedave të përqendruara dhe kontrolle të rreshtuara djathtas.
Fotografia dominon sistemin vizual, me imazhe në ekran të plotë të listave të pasurive të paluajtshme që shërbejnë si lloji kryesor i përmbajtjes. Të gjitha fotot janë pamje të ngrohta, të ndriçuara mirë nga brenda dhe jashtë shtëpive dhe hoteleve reale, të përpunuara me korrigjim natyral të ngjyrave (pa filtra të rëndë ose dyngjyrëshe). Imazhet janë të prera fort me një raport pamjeje 1:1 për kartat e listave, duke mbushur skajin e kartës pa prerje. Ikonat në të gjithë ndërfaqen kanë një skicë monokrome (pesha e vijës ~16–16), të përdorura me kursim për kategoritë e navigimit dhe kontrollet e ndërfaqes së përdoruesit. Logoja është i vetmi element grafik shumëngjyrësh (Rausch). Pa ilustrime, pa renderime 3D, pa grafikë abstrakte - gjuha vizuale është fotografi e pastër dhe ikonografi minimaliste monokrome në një kanavacë të bardhë të butë.
Paletë
Markë
- Rausch
#ff385c— E kuqja përdoret si një theks dekorativ për ikonat, tabelat dhe detajet e vogla grafike. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim. - Rausch 600
#e00b41— Një version i shtypur dhe i errët i bojës Rausch për sipërfaqe të përdorura si thekse marke në sipërfaqet pezull/aktive.
Neutral
- Hof
#222222— Kopja e trupit, teksti kryesor, titujt, skicat e ikonave dhe sfondi i përmbysur janë një ngjyrë neutrale afër të zezës, e cila shërben si bazë për të gjithë sistemin akromatik. - Foggy
#6a6a6a— Tekst dytësor, mbishkrime të heshtura, tekst ndihmës, mbushje e ikonave e çaktivizuar dhe meta të dhëna diskrete poshtë titujve të kartave. - Grey 500
#c1c1c1— Tekst i çaktivizuar, tekst zëvendësues në fushat e futjes dhe konture të ikonave të heshtura ku nevojitet heqje e theksit të statusit. - Bebe
#ebebeb— Kufij të hollë, fusha të nënvizuara të hyrjes, ndarës midis rreshtave të listës dhe vija ndarëse delikate. - Deco
#dddddd— Imazhe të sfondit të kartave për kontejnerët joaktivë, vendmbajtësit dhe gjendjet e kartave të çaktivizuara. - Faint
#f7f7f7— Imazhi i sfondit të kanavacës së faqes, sipërfaqja e fundit të faqes dhe gjendja e pezullimit për elementët interaktivë kanë një nuancë të butë dhe kremoze që e dallon këtë faqe nga kartat e bardha të pastra.
Tipografi
nga 11 në 28px · 5 hapa
- Airbnb Cereal VF — zëvendësim: Circular · skica 400, 500, 600, 700 · Një font gjeometrik sans-serif i personalizuar i projektuar për Airbnb. Teksti i trupit është i pozicionuar në 14px/400, etiketat e ndërfaqes së përdoruesit në 16px/500, titujt e seksioneve në 20px/600, 22px/500 me hapësirë të vogël midis shkronjave prej -0.02em dhe titujt e faqeve në 28px/700. Hapësira negative midis shkronjave zvogëlohet me rritjen e madhësisë, një karakteristikë e fonteve gjeometrike sans-serif në madhësi më të mëdha të ekranit. Aktivizon veçorinë e glifit alternativ "kripë".
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 12px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 12px |
| Hijet | hije të buta |
| Midis seksioneve | 48px |
| Gjerësia e faqes | 1440px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Airbnb dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Apple (España) — vitrinë e bardhë e galerisë
- Silencio — Një dhomë e bardhë me objekte lundruese. Një ekspozitë galerie e bërë nga letër e ngrohtë, ku secili element zë vendin e tij në një sfond me vëllim negativ, dhe heshtja është një vendim i qëllimshëm dizajni.
- Oakâme — Një punishte provençale e lagur nga dielli, e gdhendur nga gur i ngrohtë
- Nike — Një galeri monokrome arritjesh sportive – mure të bardha, produkti si një vepër arti, krom i tretur në sfond
- Arc — galeri industriale e bardhë mbi ujin e mesnatës
- Rivian — Një monolit elektrik në murin e betonit të galerisë. Rivian paraqet çdo automjet si një skulpturë kundrejt një hapësire të bardhë të gjerë, me tipografi aq të madhe sa bëhet një element arkitektonik, dhe një të verdhë të ngrohtë të vetme që thyen atmosferën monokromatike, si rrezet e diellit në një sipërfaqe mat.
- Analogue — Vitrina e zezë e galerisë - mallrat qëndrojnë pezull në boshllëk
- ddna — vitrinë e ngrohtë muzeale mbi li të patrajtuar
- Zellerfeld — Një punishte skulptori mbi mermer të bardhë—sipërfaqet monolitike të piedestalit, një shkëndijë e vetme kobalti, një pëshpëritje shkronjash të vogla nga dyshemeja në tavan
- UY Studio — Galeria prej guri e manastirit është një hapësirë e qetë me mure betoni, ku shishet e parfumeve qëndrojnë mbi bazamente të bardha, të ndriçuara nga një llambë 400 vat dhe katër llamba gri të ngrohta.
- Basic.Space — galeri kuratoriale mbi mermer të bardhë
- COS — një galeri moderne me mure të bardha