Palette
La palette è costruita su una logica modulare: una matrice cromatica comune definisce la base visiva dell’intero ecosistema Olinad, mentre un colore accento dedicato identifica e distingue ogni sottobrand senza interrompere la coerenza del sistema.
Indice
Palette
White
Il bianco rappresenta il riferimento neutro del sistema ed è utilizzato come base per tutte le superfici in modalità light.
Garantisce massima leggibilità dei contenuti e consente di mantenere una gerarchia visiva chiara.
In modalità dark, viene utilizzato per testi ed elementi primari, assicurando un contrasto netto rispetto ai fondi scuri e facilitando la lettura anche su grandi quantità di contenuto.
Le diverse opacità permettono di gestire livelli di priorità differenti:
– 100% per contenuti principali
– 50% per testi secondari
– 5% per superfici leggere, separatori e layer di profondità
Questo utilizzo consente di costruire interfacce pulite, leggibili e coerenti, mantenendo sempre il controllo sulla gerarchia visiva senza introdurre nuovi colori.
Blu chiaro
Il blu rappresenta il colore primario del sistema e costituisce il riferimento visivo principale del brand Olinad, garantendo coerenza e continuità tra tutte le applicazioni.
La tonalità più chiara identifica il punto di massima apertura all’interno della palette e viene utilizzata principalmente in modalità dark per introdurre contrasto, evidenziare elementi e definire livelli di gerarchia visiva.
Il suo utilizzo consente di bilanciare superfici scure, migliorare la leggibilità e guidare l’attenzione senza compromettere l’equilibrio complessivo del sistema.
Blu medio
Il blu medio rappresenta una tonalità intermedia all’interno della palette e viene utilizzato principalmente in modalità light per garantire un contrasto più efficace rispetto ai fondi chiari.
La sua minore luminosità rispetto al blu chiaro permette di ottenere una migliore leggibilità, soprattutto in presenza di superfici chiare o neutre, contribuendo a mantenere una gerarchia visiva chiara e controllata.
Viene impiegato per elementi, componenti e aree che richiedono maggiore presenza visiva, assicurando sempre un equilibrio tra visibilità e coerenza all’interno del sistema.
Blu scuro
Il blu scuro rappresenta il punto più profondo della scala cromatica prima del nero ed è una tonalità fondamentale per la costruzione dei gradienti e delle transizioni all’interno del sistema.
Viene utilizzato sia in modalità light che dark per garantire un contrasto efficace, mantenendo comunque coerenza con il linguaggio visivo del brand senza ricorrere a neri puri.
La sua posizione intermedia tra le tonalità più chiare di blu e il nero lo rende un passaggio naturale all’interno della palette, permettendo di costruire profondità e continuità visiva.
Nero (Deep Blue)
Il nero, definito come una tonalità di blu estremamente scura , rappresenta il livello più profondo del sistema cromatico ed è utilizzato come riferimento per le superfici in modalità dark.
Viene impiegato come sfondo principale per garantire un contrasto elevato e valorizzare gli elementi chiari e i livelli superiori della palette. In modalità light, è utilizzato per testi ed elementi primari, assicurando massima leggibilità e definizione visiva.
Le diverse opacità permettono di gestire livelli di gerarchia differenti:
– 100% per sfondi e contenuti principali
– 50% per testi secondari e stati meno rilevanti
– 5% per layer, separatori e superfici leggere
Questo approccio consente di mantenere coerenza con il sistema blu del brand, evitando l’utilizzo di un nero puro e garantendo continuità visiva tra tutte le componenti dell’interfaccia.
Colori accento
I colori accento rappresentano una prima definizione cromatica dei sottobrand all’interno dell’ecosistema Olinad.
Questa selezione non è da considerarsi definitiva, ma costituisce una direzione progettuale condivisa: ogni sottobrand verrà successivamente approfondito attraverso uno studio dedicato, con l’obiettivo di affinare ulteriormente la tonalità e il suo utilizzo.
L’obiettivo di questa fase è definire un sistema coerente, in cui ogni colore introduca distinzione senza compromettere l’equilibrio della matrice principale
Sport
Una tonalità arancione calda e luminosa, scelta per trasmettere energia, dinamismo e attività.
Il colore introduce un livello di intensità maggiore rispetto agli altri sottobrand, mantenendo comunque controllo e coerenza con il sistema.
Leisure
Una tonalità sabbia, più morbida e desaturata, che richiama relax, tempo libero e contesti di ospitalità.
Il suo ruolo è abbassare il ritmo visivo, introducendo una percezione più rilassata e accogliente.
Educational (Edu)
Una tonalità verde equilibrata, associata a crescita, apprendimento e sviluppo.
Il colore mantiene un carattere controllato e istituzionale, evitando eccessi visivi e supportando contesti più informativi.
Golf
Un verde più diretto e naturale, che richiama immediatamente il contesto del campo da gioco.
Risulta più riconoscibile e specifico rispetto all’educational, mantenendo comunque una coerenza generale con il sistema.
Viaggi
Una tonalità calda tendente al rosso, utilizzata per introdurre varietà e movimento all’interno del sistema.