Le regole d’uso del marchio Quario in tutte le sue varianti. Scarica i file pronti, copia i codici colore, segui le proporzioni. Una sola identità visiva, coerente ovunque.
Un quadrato gradient con cuore vuoto che ospita un punto luminoso: il professionista verificato (dot) all’interno della rete (cornice gradient). Geometria, ritmo e chiarezza.
Mark + wordmark in lockup orizzontale: il formato primario per nav, header, materiali web e print.
Il marchio ruota lentamente sul proprio asse, ma solo quando l’utente fa hover. L’animazione è un dettaglio di interazione, non un effetto continuo che distrae.
@keyframes logoSpin { to { transform: rotate(360deg); } } .logo:hover .logo-mark { animation: logoSpin 2.4s linear infinite; }
L’animazione del marchio è un microdettaglio. Lo stato di default è sempre statico.
Lo spazio attorno al marchio garantisce la leggibilità. Le dimensioni minime evitano la perdita di dettaglio.
Mantieni almeno una distanza pari a X (la larghezza del punto centrale) attorno al marchio, libera da altri elementi.
Su digitale, non scendere sotto i 24px. Per la stampa, almeno 8mm di altezza.
Solo i colori effettivamente presenti nelle varianti del logo. Click su uno swatch per copiare il valore esadecimale.
Tre famiglie complementari: una sans contemporanea per il sistema, una serif italica per i momenti emotivi, una mono per i dettagli tecnici.
Il font sistema. Wordmark, headline, body, navigation. Scaricabile gratuitamente da Google Fonts.
Il font emotivo. Solo italic, usato per termini-chiave e momenti narrativi. Da Google Fonts.
Il font tecnico. Numeri, codici, label uppercase, dati tabulari. Da Google Fonts.
Sei esempi che chiariscono il perimetro corretto d’uso del marchio.
Tutti i file SVG e PNG del logo in tutte le varianti, organizzati per uso (digital / print / mono).