Tra le grandi opzioni di combinazione di colori per i siti web, la tavolozza dei colori vintage ha un posto speciale. Le sfumature vintage si combinano in una tavolozza di colori retrò. Di conseguenza, il sito web ha un aspetto attraente attraverso questa scelta di tonalità. I visitatori sono calorosamente invitati in un’atmosfera speciale: un tempo e una scena con un fascino speciale

La seguente selezione di siti web con tavolozze di colori vintage ha lo scopo di ispirarti a creare la tua combinazione di colori del sito web. L’uno o l’altro potrebbe essere il punto di partenza nella scelta delle sfumature giuste per il tuo sito web dall’aspetto retrò.

Poc Sculpture

Il sito pubblicizza le opere di Pierro Caron. Non potrebbe essere più appropriato che usare una combinazione di colori vintage. I colori di base sono colori freddi, che mettono la foto nella home page Eroe in qualche modo a distanza. In realtà, la foto in sé suggerisce colori più caldi (ad esempio marrone), ma una sovrapposizione viene su di esso e imposta una distanza tra lo spettatore e questa scena.

Alcuni bianchi sembrano collegare la scena fotografica con l’utente, in quanto è presente sia nello sfondo che in primo piano, sia nell’immagine che nel logo del sito web. Inoltre, il nome dello scultore è scritto in bianco.

Hardscapestc

Il sito web di Hardscapestc ha una tavolozza di colori vintage speciale: le sfumature calde sono vicine a quelle fresche, precisamente marrone contro blu. Per la combinazione di colori, le trame vintage vengono a completare l’aspetto di un design retrò. Sfumature scure circondano le immagini e il testo che vengono visualizzati su uno sfondo marrone chiaro, all’interno di una scatola centrata. Il colore accento è blu, ed è utilizzato solo per la barra superiore, per creare un forte contrasto con la diffusione marrone su tutta la pagina. Ombre e delimitatori servono ad accentuare l’aspetto vintage della homepage, e mettere il contenuto in un certo contesto.

Sproutbox

L’esempio precedente si riferiva a una combinazione di marrone e blu. Ora, SproutBox esemplifica una combinazione di marrone e verde. L’effetto è lo stesso: un sito dall’aspetto vintage che è piacevole da navigare. È interessante notare che il grigio chiaro e il verde sono dominanti, mentre il verde più scuro e il marrone sono i colori di accento. Il verde viene utilizzato per le voci di menu, il logo, i CTA e l’immagine. Brown è usato per la barra superiore, per bilanciare il verde nella pagina. La combinazione di colori risultante è molto semplice e” aerata ” e piacevole da vedere.

Owltastic

Questo sito ha una tavolozza di colori vintage totalmente diversa. È anche una combinazione di blu e marrone, ma in diverse concentrazioni. Il blu scuro e il marrone chiaro creano un equilibrio difficile da ignorare. Dà un look vintage e sembra moderno attraverso l’innovazione, allo stesso tempo. Si prega di notare il contrasto tra il colore del testo e il colore di sfondo, che favorisce la leggibilità. Si prega di notare che la combinazione cromatica è molto semplice. Si concentra sui due colori già citati: marrone chiaro per la barra superiore, logo e grafica sullo sfondo e blu per l’intera immagine dell’eroe.

Boldandnoble

Bold& Noble giustifica il suo nome attraverso ogni dettaglio nel design del sito web. La combinazione di colori gioca sulla combinazione di alcuni colori semplici che danno alle pagine un aspetto vintage. Anche qui i toni vanno dal grigio al marrone. Per il grigio, ci sono diverse tonalità destinate a diversi elementi nella pagina, ognuno dei quali segna una maggiore o minore importanza del rispettivo articolo. Accanto al grigio, il marrone è un altro colore che dà peso agli elementi nella pagina. Altri colori appaiono qua e là nella pagina, solo per creare contorni migliori per la tavolozza dei colori vintage.

Magnetimarelli

Magnetimarelli è un sito d’epoca esemplare. Il” minimalista”, semplice combinazione di colori è formato da alcune tinte di marrone e nero, e un sacco di bianco. La foto nell’Eroe della pagina ha l’aspetto di un’immagine da vecchi album fotografici (in bianco e nero). Altrimenti, il colore è scarso. È presente solo per aiutare le persone a identificare alcuni simboli nella pagina. La grande quantità di spazio bianco serve alla facile identificazione degli elementi della pagina. Inoltre, suscita curiosità su ciò che segue nella pagina. Stranamente, la riduzione del colore aggiunge all’espressività della pagina: gli utenti possono quasi aspettare che la foto “diventi viva”e racconti una storia

Portraitsofguilford

Il sito ha tutti gli ingredienti dello stile vintage. La tavolozza dei colori vintage fa uso di pochi colori e sfumature che evocano vecchie foto. È notevole che il testo stesso abbia caratteri espressivi (sono contrassegnati in bianco, su uno sfondo più scuro, per una migliore leggibilità). Come con qualsiasi combinazione di colori vintage, questo ha alcuni toni marroni in esso. E le sfumature marroni hanno qualche patina, che le rende più autentiche e invita a un’esplorazione del passato. Infatti, il sito è di esplorare il passato attraverso album fotografici variava da decenni. Gli utenti possono navigare avanti e indietro sulla timeline contrassegnata in bianco alla fine dello schermo, e mantenere l’aspetto vintage di ogni album.

Leathermilk

Come probabilmente avete visto negli esempi precedenti, la tavolozza dei colori vintage include toni di marrone. Questa volta, il marrone è più scuro, in combinazione con il grigio e il bianco. È interessante notare che i pulsanti CTA si integrano pienamente nella combinazione di colori complessiva, con una sfumatura marrone chiaro. Inoltre, le icone nel menu sono dello stesso colore marrone chiaro. Il testo è bianco, così come lo sfondo principale del pulsante CTA, portando il messaggio in alto e in avanti. Inoltre, la trama di sfondo eroe aiuta molto nella creazione di questo stile retrò.

Baystreetbiergarten

La tavolozza dei colori vintage è originale: uno sfondo blu scuro, una sezione di menu trasparente e sfondo pulsante CTA, più alcuni marrone molto chiaro (per le immagini pixelate). Il contrasto è espressivo, in quanto attira l’attenzione verso il contenuto del sito web. L’impressione che qualche fonte illumina la grafica del sito web Hero contribuisce allo stile retrò, in modo interessante. Inoltre, il testo (testo del titolo, testo delle voci di menu e testo del pulsante CTA) è bianco, creando contrasto con lo sfondo e aumentando la leggibilità.