
Airbnb
Una tranquilla parete bianca della galleria con un unico segnalibro rosso corallo.
Airbnb opera in uno stile "tela bianca", dove la fotografia regna sovrana: quasi ogni schermata è una sobria cornice monocromatica, che permette alle immagini a schermo intero delle proprietà di trasmettere l'impressione generale, con un unico, intenso accento rosso corallo (Rausch) come unico elemento cromatico che indica l'azione. Il carattere tipografico è un sans-serif geometrico (Airbnb Cereal VF) – perlopiù in dimensioni piccole e decise – per il corpo del testo, l'interfaccia e le intestazioni di sezione (22-22) – con interlinea negativa stretta e spaziatura tra le righe generosa, che rende leggibili le schede con testo denso. L'interfaccia è piatta, senza cornice e arrotondata: raggi 12-3 per schede e controlli, pulsanti rotondi a forma di pillola e ombre morbide e stratificate solo per gli elementi più prominenti come la barra di ricerca. Tutto il resto – schede, elementi di elenco, link – si basa su spazi bianchi e linee sottili piuttosto che su accenti cromati.
Un layout a larghezza intera senza un limite massimo di larghezza fisso: il contenuto si estende da bordo a bordo all'interno dell'area visibile, con circa 40px di spaziatura orizzontale su ciascun lato su desktop. L'elemento principale è una capsula di ricerca fluttuante, centrata su uno sfondo bianco neutro senza immagine né titolo: la barra di ricerca È l'elemento principale. Sotto la barra di ricerca, la pagina passa a sezioni disposte verticalmente e scorrevoli orizzontalmente (sono visibili quattro righe: Case in evidenza, Hotel fantastici, Altre città, Disponibili il mese prossimo), ciascuna alta circa 320px, separate da spazi verticali di 48px. Ogni sezione utilizza una griglia di 7 schede con overflow orizzontale e navigazione a frecce. Il piè di pagina è una griglia di 3 colonne di link su uno sfondo #f7f7f7, seguita da una barra inferiore con informazioni sul copyright, opzioni di lingua/valuta e icone dei social media. La navigazione è costituita da una barra superiore fissa con navigazione a schede centrata e controlli allineati a destra.
La fotografia domina il sistema visivo, con immagini a schermo intero degli annunci immobiliari come principale tipologia di contenuto. Tutte le foto sono scatti di interni ed esterni di case e hotel reali, ben illuminati e dai colori caldi, elaborati con una correzione cromatica naturale (senza filtri pesanti o duotoni). Le immagini sono ritagliate con precisione con un rapporto di aspetto 1:1 per le schede degli annunci, riempiendo i bordi della scheda senza sbavature. Le icone in tutta l'interfaccia hanno un contorno monocromatico (spessore della linea ~16–16), utilizzato con parsimonia per le categorie di navigazione e i controlli dell'interfaccia utente. Il logo è l'unico elemento grafico multicolore (Rausch). Nessuna illustrazione, nessun rendering 3D, nessuna grafica astratta: il linguaggio visivo è pura fotografia e iconografia monocromatica minimalista su una tela bianca tenue.
Tavolozza
Marca
- Rausch
#ff385c— Il rosso viene utilizzato come colore decorativo per icone, insegne e piccoli dettagli grafici. Non dovrebbe essere usato come colore principale per le call to action. - Rausch 600
#e00b41— Una versione pressata e scura della vernice Rausch per superfici utilizzate come accenti del marchio su superfici mobili/attive.
Neutro
- Hof
#222222— Il corpo del testo, il testo principale, i titoli, i contorni delle icone e lo sfondo invertito sono di un colore neutro vicino al nero, che funge da base per l'intero sistema acromatico. - Foggy
#6a6a6a— Testo secondario, didascalie attenuate, testo ausiliario, riempimento con icone disabilitato e metadati discreti sotto i titoli delle schede. - Grey 500
#c1c1c1— Testo disabilitato, testo segnaposto nei campi di input e contorni delle icone attenuati laddove è necessario ridurre l'enfasi sullo stato. - Bebe
#ebebeb— Bordi sottili, campi di input sottolineati, separatori tra le righe degli elenchi e linee di divisione discrete. - Deco
#dddddd— Immagini di sfondo per le schede inattive, i segnaposto e gli stati disabilitati delle schede. - Faint
#f7f7f7— L'immagine di sfondo della pagina, la superficie del piè di pagina e lo stato al passaggio del mouse sugli elementi interattivi presentano una delicata tonalità crema che distingue questa pagina dalle schede di un bianco puro.
Tipografia
da 11 a 28px · 5 passaggi
- Airbnb Cereal VF — sostituzione: Circular · contorni 400, 500, 600, 700 · Un font sans-serif geometrico personalizzato, progettato per Airbnb. Il testo del corpo è posizionato a 14px/400, le etichette dell'interfaccia utente a 16px/500, i titoli di sezione a 20px/600, 22px/500 con una spaziatura tra le lettere ridotta a -0,02em e i titoli di pagina a 28px/700. La spaziatura negativa tra le lettere diminuisce con l'aumentare delle dimensioni, una caratteristica dei font sans-serif geometrici su schermi di grandi dimensioni. Abilita la funzionalità del glifo alternativo "sale".
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 12px |
| Raggio del pulsante | 9999px |
| Raggio della carta | 12px |
| Ombre | ombre morbide |
| Tra le sezioni | 48px |
| Larghezza del pannello | 1440px |
L'IA creerà il tuo sito web nello stile Airbnb e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- Apple (España) — vetrina bianca da galleria
- Silencio — Una stanza bianca con manufatti sospesi. Un'esposizione realizzata con carta dai toni caldi, dove ogni elemento occupa il suo posto su uno sfondo di volumi negativi, e il silenzio è una scelta progettuale intenzionale.
- Oakâme — Un laboratorio provenzale baciato dal sole, ricavato da una pietra calda
- Nike — Una galleria monocromatica di successi sportivi: pareti bianche, il prodotto come opera d'arte, il cromo che si fonde con lo sfondo.
- Arc — galleria industriale bianca sopra l'acqua di mezzanotte
- Rivian — Un monolite elettrico sulla parete di cemento della galleria. Rivian presenta ogni veicolo come una scultura su un vasto spazio bianco, con una tipografia così grande da diventare un elemento architettonico, e un unico giallo caldo che rompe l'atmosfera monocromatica, come la luce del sole su una superficie opaca.
- Analogue — Vetrina nera da galleria: le merci fluttuano nel vuoto
- ddna — vetrina museale calda su lino non trattato
- Zellerfeld — L'atelier di uno scultore su marmo bianco: le superfici monolitiche del piedistallo, una singola scintilla di cobalto, un sussurro di lettere minuscole dal pavimento al soffitto.
- UY Studio — La galleria in pietra del monastero è uno spazio tranquillo con pareti in cemento, dove flaconi di profumo poggiano su piedistalli bianchi, illuminati da una lampada da 400 watt e quattro lampadine grigio caldo.
- Basic.Space — galleria curatoriale su marmo bianco
- COS — una galleria alla moda con pareti bianche