Airbnb
Un muru di galeria bianca tranquilla cù un unicu segnalibru rossu corallu
Airbnb opera in un stile di "tela bianca", induve a fotografia regna suprema: guasi ogni schermu hè una cornice monocromatica tranquilla, chì permette à l'imagine à schermu pienu di e pruprietà di trasmette l'impressione generale, cù un unicu accentu riccu di rossu corallu (Rausch) cum'è unicu segnu di culore chì denota l'azione. U caratteru hè un sans-serif geometricu (Airbnb Cereal VF) - per u più dimensioni chjuche è sicure - per u testu di u corpu, l'interfaccia è i tituli di sezione (22-22) - cù una spaziatura negativa stretta è una spaziatura generosa, chì rende e carte cù testu densu leggibili. L'interfaccia hè piatta, senza cornice è arrotondata: 12-3 raggi nantu à e carte è i cuntrolli, buttoni tondi in forma di pillola è ombre morbide è stratificate solu per elementi prominenti cum'è a barra di ricerca. Tuttu u restu - carte, elementi di lista, ligami - si basa nantu à u spaziu biancu è e linee fini piuttostu chè nantu à accenti cromati.
Un layout à larghezza piena senza limite di larghezza massima fissu - u cuntenutu si stende da bordu à bordu in l'area visibile, cù circa 40px di imbottitura orizzontale da ogni latu nantu à u desktop. L'eroe hè una capsula di ricerca flottante, centrata nantu à una tela bianca neutra senza imagine o titulu - a barra di ricerca HÈ l'eroe. Sottu à a ricerca, a pagina si trasforma in sezioni impilate verticalmente è à scorrimentu orizzontale (quattru righe sò visibili: Case in evidenza, Grandi hotel, Altra cità, Disponibile u mese prossimu), ognuna alta circa 320px, separata da grondaie verticali di 48px. Ogni sezione usa una griglia di 7 carte cù overflow orizzontale è navigazione cù frecce. U piè di pagina hè una griglia di 3 colonne di ligami nantu à un sfondate #f7f7f7, seguita da una barra inferiore cù informazioni nantu à u copyright, opzioni di lingua/valuta è icone di social media. A navigazione hè una barra superiore fissa cù navigazione di tabulazioni centrata è cuntrolli allineati à diritta.
A fotografia domina u sistema visuale, cù l'imagine à schermu pienu di l'elenchi immubiliari chì servenu cum'è tipu di cuntenutu principale. Tutte e foto sò scatti caldi è ben illuminati d'interni è esterni di case è hotel veri, trattati cù currezzione di culore naturale (senza filtri pesanti o duotoni). L'imagine sò ritagliate strettamente cù un rapportu d'aspettu 1:1 per e carte di l'elenchi, riempiendu u bordu di a carta senza sanguinamenti. L'icone in tutta l'interfaccia anu un contornu monocromu (pesu di linea ~ 16-16), adupratu cù parsimonia per e categurie di navigazione è i cuntrolli di l'interfaccia utente. U logu hè l'unicu elementu graficu multicolore (Rausch). Nisuna illustrazione, nisun rendering 3D, nisuna grafica astratta - u linguaghju visuale hè pura fotografia è iconografia monocroma minimalista nantu à una tela bianca dolce.
Paletta
Marca
- Rausch
#ff385c— U rossu hè adupratu cum'è accentu decorativu per icone, segni è picculi dettagli grafichi. Ùn deve esse adupratu cum'è culore primariu per e chjame à l'azzione. - Rausch 600
#e00b41— Una versione pressata è scura di a pittura Rausch per e superfici aduprate cum'è accenti di marca nantu à e superfici in sospensione/attive.
Neutru
- Hof
#222222— U corpu di u testu, u testu principale, i tituli, i contorni di l'icone è u fondu inversu sò un culore neutru vicinu à u neru, chì serve da basa per tuttu u sistema acromaticu. - Foggy
#6a6a6a— Testu secundariu, didascalie mute, testu ausiliariu, riempimentu d'icona disattivatu è metadati discreti sottu à i tituli di e carte. - Grey 500
#c1c1c1— Testu disattivatu, testu di segnapostu in i campi di input è contorni di l'icone silenziate induve hè necessariu disenfasi nantu à u statutu. - Bebe
#ebebeb— Bordi fini, campi di input sottolineati, separatori trà e linee di lista è linee di divisione suttili. - Deco
#dddddd— Imagine di fondu di carte per i cuntenitori inattivi, i segnaposti è i stati di carte disattivati. - Faint
#f7f7f7— L'imagine di fondu di a tela di a pagina, a superficia di u piè di pagina è u statu di u passaghju per l'elementi interattivi sò una tonalità dolce è cremosa chì distingue sta pagina da e carte bianche pure.
Tipografia
da 11 à 28px · 5 passi
- Airbnb Cereal VF — rimpiazzamentu: Circular · contorni 400, 500, 600, 700 · Un carattere sans-serif geometricu persunalizatu cuncipitu per Airbnb. U testu di u corpu hè pusizionatu à 14px/400, l'etichette di l'interfaccia utente à 16px/500, i tituli di sezzione à 20px/600, 22px/500 cù una spaziatura stretta di e lettere di -0.02em, è i tituli di pagina à 28px/700. A spaziatura negativa di e lettere diminuisce cù l'aumentu di a dimensione, una caratteristica di i caratteri sans-serif geometrichi à schermi più grandi. Attiva a funzione di glifo alternativu "sale".
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 12px |
| Raggiu di u buttone | 9999px |
| Raggiu di a carta | 12px |
| Ombre | ombre morbide |
| Trà e sezioni | 48px |
| Larghezza di a pagina | 1440px |
L'IA custruisce u vostru situ web in stile Airbnb è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Apple (España) — vetrina bianca di a galeria
- Silencio — Una stanza bianca cù artefatti flottanti. Una mostra di galleria fatta di carta calda, induve ogni elementu occupa u so postu contr'à un sfondate di vulume negativu, è u silenziu hè una decisione di cuncepimentu intenzionale.
- Oakâme — Un attellu provenzale bagnatu da u sole sculpitu in petra calda
- Nike — Una galeria monocroma di successi sportivi - muri bianchi, u pruduttu cum'è opera d'arte, u cromu dissoltu in u fondu
- Arc — galeria bianca industriale sopra l'acqua di mezzanotte
- Rivian — Un monolitu elettricu nant'à u muru di cimentu di a galeria. Rivian presenta ogni veiculu cum'è una scultura contr'à un vastu spaziu biancu, cù una tipografia cusì grande ch'ella diventa un elementu architettonicu, è un unicu giallu caldu chì rompe l'atmosfera monocromatica, cum'è a luce di u sole nant'à una superficia opaca.
- Analogue — Vetrina nera di a galeria - e merci si libranu in u viotu
- ddna — vetrina calda di museu nantu à linu micca trattatu
- Zellerfeld — Un attellu di scultore nantu à u marmaru biancu - e superfici monolitiche di u pedestal, una sola scintilla di cobaltu, un sussurru di lettere minuscule da u pianu à u tettu
- UY Studio — A galeria di petra di u monasteru hè un spaziu tranquillu cù muri di cimentu, induve e buttiglie di prufume stanu nantu à plinti bianchi, illuminate da una lampada di 400 watt è quattru lampadine grisge calde.
- Basic.Space — galeria curatoriale nantu à u marmaru biancu
- COS — una galeria di moda cù muri bianchi