Vivid+Co
luce prismatica attraverso l'ossidiana
Vivid+Co opera in un vuoto cinematografico e oscuro: una tela quasi nera di #101010–#495764, interrotta da un'unica tonalità quasi bianca (#fffdf9) utilizzata per quasi tutti i caratteri tipografici e gli elementi dell'interfaccia. La tipografia è principalmente realizzata in Neue Montréal con spessore 400, un deliberato rifiuto del grassetto, dove l'autorevolezza è ottenuta attraverso la scala (136px e 105px) piuttosto che attraverso lo spessore. Una tecnica distintiva è il prisma cromatico: blocchi di luce rossa/verde/blu satura, separati da RGB, filtrano attraverso cubi di vetro, interrompendo la superficie monocromatica. Il layout è centrato e spazioso; la navigazione, il corpo del testo e i link sono tutti in un unico colore #fffdf9, senza pulsanti di accento, riempimenti o ombre separate: la differenziazione è ottenuta attraverso la spaziatura, la scala e un artefatto arcobaleno che funge da unico accento di colore del marchio.
Una tela scura a tutta larghezza con una singola colonna di contenuto di circa 1440 pixel di larghezza massima. L'elemento principale è un artefatto prismatico centrato con un titolo sovrapposto (testo che interseca i cubi) e un sottotitolo allineato a sinistra. La navigazione si trova in una sottile barra superiore: il logo a sinistra, quattro link invisibili a destra e un pulsante "Contatti" dedicato alla fine della riga. Il ritmo della sezione alterna pannelli hero a tutta altezza e strisce di contenuto più strette con spazi di circa 108 pixel. Il layout del contenuto è asimmetrico: l'artefatto prismatico funge da centro visivo e i titoli lo avvolgono. I blocchi di testo a colonna singola hanno una larghezza massima di circa 440 pixel; non sono presenti griglie a più colonne, matrici di schede e tabelle dei prezzi. Il piè di pagina è una sottile striscia, divisa da una linea sottile, con due colonne di metadati.
L'elemento di design principale è un'immagine 3D astratta di cubi di vetro con aberrazione cromatica sui bordi, separati dal colore RGB. Nessuna fotografia, nessuna immagine di persone, nessuna foto di prodotti. Il prisma è l'immagine del marchio; tutto il resto è tipografia monocromatica su sfondo scuro. L'iconografia è minimale: sottili etichette di navigazione e un piccolo cursore/glifo (area 142765) alla fine di una delle intestazioni alludono a una singola icona monolineare di 16 pixel. Nessuna illustrazione, nessun motivo decorativo, nessuna texture.
Tavolozza
Neutro
- Bone White
#fffdf9— Il testo principale, le etichette di navigazione, il colore dei link e il riempimento delle intestazioni sono tutti di un bianco quasi perfetto, occupando l'intera superficie tipografica su uno sfondo scuro. - Obsidian
#101010— Lo sfondo della pagina, che riempie le strisce principali e divisorie, è di un nero intenso con un effetto prismatico al suo interno. - Graphite Veil
#495764— Dietro i titoli e i blocchi di contenuto, domina una tonalità scura e fredda di ardesia, che conferisce profondità allo sfondo senza ricorrere al nero pieno. - Ash Border
#403f3f— Una sottile linea divisoria e un contorno di 1 pixel vengono utilizzati per separare le righe senza entrare in conflitto con il testo. - Fog Blue
#6f879c— Testo secondario discreto ed etichette dei pulsanti poco evidenti (contrasto 3,7:1): le designazioni delle categorie di servizio come "Strategia", "Creatività", "Comunicazione + Marketing" sono percepite come metadati non evidenziati. - Pure Black
#000000— Elemento decorativo per icone e illustrazioni SVG, utilizzato nell'immagine del prisma e nei glifi delle icone; non costituisce uno sfondo.
Tipografia
da 15 a 136 pixel · 9 passaggi
- Neue Montreal — sostituzione: Söhne · contorni 400, 700 · Il carattere esclusivo viene utilizzato in tutta l'interfaccia utente: titoli, testo del corpo, navigazione, pulsanti, link e piè di pagina. Il peso predefinito è 400; il peso 700 è riservato esclusivamente ai sottotitoli. I titoli con peso 105px e 136px hanno un'interlinea di 1,00–1,01em e una spaziatura tra le lettere di -0,02em, creando titoli cinematografici e sovrapposti che risultano più scultorei che tipografici.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | spazioso |
| Passo base | 7px |
| Raggio del pulsante | 0px |
| Raggio della carta | 15px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 108px |
| Larghezza del pannello | 1440px |
L'IA creerà il tuo sito web nello stile Vivid+Co 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
- Sequel — Una proiezione privata dopo il tramonto è l'unica luce calda in una sala cinematografica altrimenti buia.
- ThoughtLab — Un monumento di ossidiana con un segnale cremisi. Una tela di nero vuoto, dove l'unico elemento rosso intenso nella cattedrale, stampato a grandi lettere bianche, è una singola figura cromatica.
- Dovetail — Un progetto sotto una luna nera: linee del grafico appena visibili, caratteri bianchi, un luccichio viola
- MekaVerse — Una galleria monocromatica di artefatti digitali: un vuoto nero e compatto in cui il mondo renderizzato si staglia come un'opera museale, e l'intera interfaccia utente è realizzata con inchiostro bianco su vetro nero opaco.
- Krea — galleria nera a mezzanotte
- Factory — Il terminale della "sala di guerra" a mezzanotte. La "fabbrica" è un pannello di controllo nero e spoglio dove una singola scheda bianca atterra come un messaggio illuminato da una torcia: l'unico oggetto nella stanza è il lavoro stesso.
- basement — Una macchina da stampa vuota alle 3 del mattino: caratteri enormi e compressi si stagliano nel nero pece, un singolo barlume di luce arancione sulla barra di navigazione, tutto il resto bianco o di un grigio spettrale.
- Stink Studios — Uno studio cinematografico a mezzanotte: il proiettore ronza, la stanza è buia, solo la pellicola è illuminata.
- Apple (España) — teatro nero con scenografie illuminate
- Charlie — Tipografia scolpita nella pietra del monastero su ossidiana. Un portfolio in cui un'unica parete rossa crea un silenzio assordante.
- Rive — Visione notturna ad alta precisione. L'interfaccia è dotata di una lente speciale che penetra l'oscurità per mettere a fuoco i dettagli tecnici con assoluta nitidezza.
- Datalands — Una cattedrale nera illuminata da un unico impulso al neon. Il logo occupa l'intera navata; tutto il resto è costituito da testo appena percettibile sottostante.