Airbnb
Un perete alb liniștit al galeriei cu un singur semn de carte roșu coral
Airbnb operează într-un stil de „pânză albă”, unde fotografia domnește suprem: aproape fiecare ecran este un cadru monocrom liniștit, permițând imaginilor pe tot ecranul ale proprietăților să transmită impresia generală, cu un singur accent roșu-coral bogat (Rausch) ca unic indiciu de culoare care denotă acțiunea. Fontul este un sans-serif geometric (Airbnb Cereal VF) - în mare parte dimensiuni mici și sigure - pentru textul corpului, interfață și titlurile secțiunilor (22-22) - cu spațiere negativă strânsă între rânduri și spațiere generoasă între rânduri, ceea ce face ca cardurile cu text dens să fie lizibile. Interfața este plată, fără ramă și rotunjită: raze de 12-3 pe carduri și comenzi, butoane rotunde în formă de pastilă și umbre moi, stratificate, doar pentru elemente proeminente, cum ar fi bara de căutare. Orice altceva - carduri, elemente din listă, linkuri - se bazează pe spațiu alb și linii fine, mai degrabă decât pe accente cromate.
Un layout cu lățime completă, fără limită fixă de lățime maximă — conținutul se întinde de la o margine la alta în zona vizibilă, cu aproximativ 40px de padding orizontal pe fiecare parte pe desktop. Elementul principal este o capsulă de căutare plutitoare, centrată pe o pânză albă neutră, fără imagine sau titlu — bara de căutare ESTE elementul principal. Sub căutare, pagina se transformă în secțiuni suprapuse vertical, cu derulare orizontală (sunt vizibile patru rânduri: Case recomandate, Hoteluri excelente, Alt oraș, Disponibile luna viitoare), fiecare cu o înălțime de aproximativ 320px, separate prin jgheaburi verticale de 48px. Fiecare secțiune folosește o grilă de 7 cărți cu derulare orizontală suplimentară și navigare prin săgeți. Subsolul este o grilă cu 3 coloane de linkuri pe un fundal #f7f7f7, urmată de o bară inferioară cu informații despre drepturi de autor, opțiuni de limbă/monedă și pictograme de social media. Navigarea este o bară superioară fixă, cu navigare prin file centrate și comenzi aliniate la dreapta.
Fotografia domină sistemul vizual, imaginile pe ecran complet ale proprietăților imobiliare servind drept principal tip de conținut. Toate fotografiile sunt imagini calde și bine iluminate, cu interior și exterior, ale unor case și hoteluri reale, procesate cu corecție naturală a culorilor (fără filtre puternice sau duotone). Imaginile sunt decupate precis, cu un raport de aspect de 1:1 pentru fișele cu proprietăți, umplând marginea fișei fără a se suprapune. Pictogramele din întreaga interfață au un contur monocrom (grosimea liniei ~16–16), utilizate cu moderație pentru categoriile de navigare și controalele interfeței utilizator. Logo-ul este singurul element grafic multicolor (Rausch). Fără ilustrații, fără randări 3D, fără grafică abstractă - limbajul vizual este fotografie pură și iconografie monocromă minimalistă pe o pânză albă și moale.
Paletă
Marca
- Rausch
#ff385c— Roșul este folosit ca accent decorativ pentru pictograme, semne și mici detalii grafice. Nu ar trebui folosit ca și culoare principală pentru îndemnuri la acțiune. - Rausch 600
#e00b41— O versiune presată și închisă la culoare a vopselei Rausch pentru suprafețe utilizate ca accente de brand pe suprafețe hover/active.
Neutru
- Hof
#222222— Corpul textului, textul principal, titlurile, contururile pictogramelor și fundalul inversat sunt de o culoare neutră apropiată de negru, care servește drept bază pentru întregul sistem acromatic. - Foggy
#6a6a6a— Text secundar, subtitrări dezactivate, text auxiliar, umplere cu pictograme dezactivată și metadate discrete sub titlurile cardurilor. - Grey 500
#c1c1c1— Text dezactivat, text substituent în câmpurile de introducere și contururi dezactivate ale pictogramelor acolo unde este necesară o reducere a accentului asupra stării. - Bebe
#ebebeb— Borduri subțiri, câmpuri de introducere subliniate, separatoare între liniile listei și linii de divizare subtile. - Deco
#dddddd— Imagini de fundal pentru carduri pentru containere inactive, substituenți și stări dezactivate ale cardurilor. - Faint
#f7f7f7— Imaginea de fundal a pânzei paginii, suprafața subsolului și starea de trecere a cursorului pentru elementele interactive au o nuanță cremoasă, delicată, care diferențiază această pagină de cardurile albe imaculate.
Tipografie
de la 11 la 28px · 5 pași
- Airbnb Cereal VF — înlocuire: Circular · contururi 400, 500, 600, 700 · Un font sans-serif geometric personalizat, conceput pentru Airbnb. Textul corpului este poziționat la 14px/400, etichetele interfeței utilizator la 16px/500, titlurile secțiunilor la 20px/600, 22px/500 cu o spațiere strânsă între litere de -0.02em, iar titlurile paginilor la 28px/700. Spațierea negativă între litere scade odată cu creșterea dimensiunii, o caracteristică a fonturilor sans-serif geometrice la dimensiuni mai mari ale ecranului. Activează funcția de glif alternativ „sare”.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 12px |
| Raza butonului | 9999px |
| Raza cardului | 12px |
| Umbre | umbre moi |
| Între secțiuni | 48px |
| Lățimea paginii | 1440px |
Inteligența artificială vă va construi site-ul web în stilul Airbnb și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Apple (España) — vitrină albă pentru galerie
- Silencio — O cameră albă cu artefacte plutitoare. O galerie de expoziții realizată din hârtie caldă, unde fiecare element își ocupă locul pe un fundal cu volum negativ, iar liniștea este o decizie de design intenționată.
- Oakâme — Un atelier provensal scăldat în soare, sculptat din piatră caldă
- Nike — O galerie monocromă a realizărilor sportive – pereți albi, produsul ca operă de artă, cromul dizolvat în fundal
- Arc — galerie albă industrială peste apa de la miezul nopții
- Rivian — Un monolit electric pe peretele de beton al galeriei. Rivian prezintă fiecare vehicul ca pe o sculptură pe fundalul unui vast spațiu alb, cu o tipografie atât de mare încât devine un element arhitectural și un singur galben cald care sparge atmosfera monocromatică, precum lumina soarelui pe o suprafață mată.
- Analogue — Vitrină neagră pentru galerie – mărfurile plutesc în gol
- ddna — vitrină caldă de muzeu pe pânză netratată
- Zellerfeld — Un atelier de sculptor pe marmură albă — suprafețele monolitice ale piedestalului, o singură scânteie de cobalt, un șoapt de litere mici de la podea până la tavan
- UY Studio — Galeria de piatră a mănăstirii este un spațiu liniștit, cu pereți de beton, unde sticle de parfum stau pe socluri albe, iluminate de o lampă de 400 de wați și patru becuri gri cald.
- Basic.Space — galerie curatorială pe marmură albă
- COS — o galerie la modă cu pereți albi