Airbnb
Galeria-horma zuri lasai bat, koral gorrizko laster-marka bakarrarekin
Airbnb-k "mihise zuri" estiloan funtzionatzen du, non argazkilaritza nagusi den: ia pantaila guztiak marko monokromo lasaiak dira, propietateen pantaila osoko irudiek inpresio orokorra helarazteko aukera emanez, koral-gorri koloreko azentu aberats bakarra (Rausch) ekintza adierazten duen kolore-arrasto bakarra izanik. Letra-tipoa sans-serif geometrikoa da (Airbnb Cereal VF) —gehienbat tamaina txiki eta sendoak— testuaren gorputzerako, interfazerako eta atalen izenburuetarako (22-22)—, lerroarte negatibo estuarekin eta lerroarte zabalarekin, testu trinkoa duten txartelak irakurgarri bihurtuz. Interfazea laua, markorik gabekoa eta biribila da: 12-3 erradio txarteletan eta kontroletan, pilula itxurako botoi biribilak eta itzal leun eta geruzatuak elementu nabarmenetarako soilik, hala nola bilaketa-barra. Beste guztia —txartelak, zerrendako elementuak, estekak— espazio zurian eta lerro finetan oinarritzen da, kromo azentuen ordez.
Zabalera osoko diseinua, gehienezko zabalera mugarik gabe —edukia ertz batetik bestera luzatzen da ikusgai dagoen eremuan, gutxi gorabehera 40px-ko betegarri horizontalarekin mahaigaineko alde bakoitzean. Heroia bilaketa-kapsula flotatzaile bat da, mihise zuri neutro batean zentratuta, irudirik edo izenbururik gabe— bilaketa-barra DA heroia. Bilaketaren azpian, orrialdea bertikalki pilatutako eta horizontalki korritzen diren ataletan zehar igarotzen da (lau errenkada ikusten dira: Etxe Nabarmenduak, Hotel Bikainak, Beste Hiri Bat, Hurrengo Hilean Eskuragarri), bakoitza gutxi gorabehera 320px-ko altuerakoa, 48px-ko lerro bertikalek bereizita. Atal bakoitzak 7 kartako sareta bat erabiltzen du gainezkatze horizontalarekin eta gezi-nabigazioarekin. Oina #f7f7f7 atzeko planoan dauden esteken 3 zutabeko sareta bat da, eta ondoren beheko barra bat dago copyrightaren informazioa, hizkuntza/moneta aukerak eta sare sozialen ikonoak dituena. Nabigazioa goiko barra finko bat da, erdian dauden fitxa-nabigazioarekin eta eskuinean lerrokatutako kontrolak dituena.
Argazkilaritza da nagusi sistema bisualean, higiezinen zerrenden pantaila osoko irudiak eduki mota nagusi gisa hartuta. Argazki guztiak etxe errealen eta hotelen barnealdeko eta kanpoko argazki bero eta ondo argiztatuak dira, kolore-zuzenketa naturalarekin prozesatua (iragazki astunik edo duotonorik gabe). Irudiak 1:1 alderdi-erlazioarekin moztuta daude zerrenda-txarteletarako, txartelaren ertza odoljariorik gabe betez. Interfaze osoko ikonoek eskema monokromoa dute (lerro-lodiera ~16–16), gutxitan erabiltzen direnak nabigazio-kategorietarako eta erabiltzaile-interfazearen kontroletarako. Logotipoa da elementu grafiko kolore anitzeko bakarra (Rausch). Ez dago ilustraziorik, ez 3D renderizaziorik, ez grafiko abstrakturik: hizkuntza bisuala argazkilaritza hutsa eta ikonografia monokromo minimalista da mihise zuri leun batean.
Paleta
Marka
- Rausch
#ff385c— Gorria ikono, seinale eta xehetasun grafiko txikietarako apaingarri gisa erabiltzen da. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa. - Rausch 600
#e00b41— Rausch pinturaren bertsio prentsatu eta iluna, gainazal flotatzaile/aktiboetan marka-azentu gisa erabiltzen diren gainazaletarako.
Neutroa
- Hof
#222222— Gorputzaren testua, testu nagusia, goiburuak, ikonoen eskemak eta alderantzizko atzeko planoa beltzaren antzeko kolore neutrokoak dira, eta horixe da sistema akromatiko osoaren oinarria. - Foggy
#6a6a6a— Bigarren mailako testua, azpititulu isilak, testu lagungarria, ikonoen betegarri desgaitua eta metadatu diskretuak txartelen izenburuen azpian. - Grey 500
#c1c1c1— Desgaitutako testua, sarrera-eremuetako leku-markatzaileen testua eta egoerari garrantzia kendu behar zaion tokietan ikonoen eskema isilduak. - Bebe
#ebebeb— Ertz meheak, azpimarratutako sarrera-eremuak, zerrenda-lerroen arteko bereizleak eta zatiketa-lerro sotilak. - Deco
#dddddd— Edukiontzi inaktiboetarako, leku-marketarako eta desgaitutako txartel-egoeretarako txartelen atzeko planoaren irudiak. - Faint
#f7f7f7— Orrialdearen mihisearen atzeko planoaren irudia, oin-oinaren gainazala eta elementu interaktiboen gainean jartzean dagoen egoera kolore leun eta krematsukoak dira, orrialde hau txartel zuri hutsetatik bereizten dutenak.
Tipografia
11tik 28px-ra · 5 urrats
- Airbnb Cereal VF — ordezkapena: Circular · eskemak 400, 500, 600, 700 · Airbnb-rako diseinatutako sans-serif letra-tipo geometriko pertsonalizatua. Gorputzeko testua 14px/400-tan kokatzen da, erabiltzaile-interfazearen etiketak 16px/500-tan, atalen goiburuak 20px/600-tan, 22px/500-tan, -0.02em-ko letren arteko tarte estuarekin, eta orrialdeen goiburuak 28px/700-tan. Letren arteko tarte negatiboa gutxitzen da tamaina handitu ahala, pantaila-tamaina handiagoetan sans-serif letra-tipo geometrikoen ezaugarria. "Gatza" glifo alternatiboa gaitzen du.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 12px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 12px |
| Itzalak | itzal leunak |
| Atalen artean | 48px |
| Orriaren zabalera | 1440px |
Adimen artifizialak zure webgunea Airbnb estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Apple (España) — galeria zuriaren erakusleihoa
- Silencio — Gela zuri bat artefaktu flotatzaileak dituena. Paper beroz egindako galeria-erakusketa bat, non elementu bakoitzak bere lekua hartzen duen bolumen negatiboko atzealde baten aurrean, eta isiltasuna diseinu-erabaki nahita bat den.
- Oakâme — Harri epelez zizelkatutako Proventzako tailer eguzkitsu bat
- Nike — Kirol lorpenen galeria monokromo bat – horma zuriak, produktua artelan gisa, kromoa atzealdean disolbatuta
- Arc — Galeria zuri industriala gauerdiko uraren gainean
- Rivian — Monolito elektriko bat galeriaren hormigoizko horman. Rivianek ibilgailu bakoitza eskultura gisa aurkezten du espazio zuri zabal baten aurrean, hain tipografia handia elementu arkitektoniko bihurtzen delarik, eta hori bero bakarrarekin, atmosfera monokromatikoa hausten duena, gainazal mate batean eguzki-argia bezala.
- Analogue — Galeria beltzaren erakusleihoa – ondasunak hutsunean flotatzen
- ddna — museoko erakusleiho epela liho tratatu gabean
- Zellerfeld — Eskultore baten tailerra marmol zurian —pedestalaren gainazal monolitikoak, kobaltozko txinparta bakarra, letra minuskulen xuxurla zorutik sabairaino
- UY Studio — Monasterioko harrizko galeria hormigoizko hormak dituen espazio lasaia da, non lurrin-botilak oinarri zurien gainean dauden, 400 watteko lanpara batek eta lau bonbilla gris epelek argiztatuta.
- Basic.Space — marmol zuriaren gaineko komisario-galeria
- COS — galeria moderno bat horma zuriekin