Telegramma, WhatsApp+380637610482
Valery Danyuk
Valery DanyuksviluppatoreSviluppiamo strumenti di intelligenza artificiale per le aziende. Alta qualità. Prezzi accessibili.Scrivi su Telegram
Airbnb — un'anteprima di un sito in questo stile

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

ScopoSenso
Densitàdenso
Passo base12px
Raggio del pulsante9999px
Raggio della carta12px
Ombreombre morbide
Tra le sezioni48px
Larghezza del pannello1440px

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