Palette
Abbiamo introdotto un sistema cromatico strutturato su due modalità complementari: dark mode e light mode, pensate per adattarsi in modo efficace ai diversi contesti d’uso, sia digitali che fisici. Nella versione precedente non esisteva una logica cromatica realmente funzionale: mancava una direzione chiara tra applicazioni chiare e scure, e l’uso dei colori era spesso disomogeneo. Con questo nuovo assetto abbiamo definito un sistema modulare, dove ogni colore ha una funzione precisa e coerente.
Indice
Palette
Red RYB
Il rosso acceso che caratterizza l’identità visiva del brand. È un elemento distintivo, usato con moderazione come accento per CTA, highlight o elementi da enfatizzare.
Grazie alla nuova direzione cromatica, questo rosso è stato alleggerito rispetto alla versione precedente, migliorandone il contrasto con gli sfondi e riducendo l’effetto visivo “cupo” quando era affiancato su base scura.
In alcune applicazioni può essere usato anche come sfondo ma non deve essere più utilizzato come applicazione per titoli o testi lunghi.
Di seguito trovi tutte le indicazioni per ottenere e applicare correttamente questo colore :
Nome | Red RYB |
|---|---|
Utilizzo | Accento & Background ( in maniera moderata ) |
HEX | #FF2D2D |
RGB | 255, 45, 45 |
CMYK | 0, 82, 82, 0 |
Rich Black
Il nero “tecnico” di Biodry.
Non si tratta di un nero assoluto, ma di una tonalità che nasce dalla volontà di mantenere continuità con l’identità visiva precedente, che già prevedeva l’uso di fondi scuri, ma introducendo ora una variazione più personale.
È il colore di riferimento per tutti gli sfondi in modalità scura e per la tipografia in modalità chiara.
Di seguito trovi tutte le indicazioni per ottenere e applicare correttamente questo colore :
Nome | Rich Black |
|---|---|
Utilizzo 1 | Background ( Dark mode ) |
Utilizzo 2 | Testi ( Light mode ) |
HEX | #0E1017 |
RGB | 255, 45, 45 |
CMYK | 0, 82, 82, 0 |
Azure X 11
Questa tonalità rappresenta una reinterpretazione del bianco.
È stata introdotta per rispondere a un’esigenza concreta:
Per applicazioni stampate su supporti fisici di piccolo formato, dove un fondo scuro potrebbe risultare più difficile da gestire.
Al tempo stesso, questa tonalità funziona perfettamente anche in ambito digitale, mantenendo l’identità visiva coerente e riconoscibile anche in modalità chiara.
Rispetto a un bianco puro, trasmette più carattere, più tecnicità e una maggiore armonia con il resto della palette.È il colore di sfondo principale per la versione light, ma è anche applicato ai testi nella versione scura dell'identità visiva.
Di seguito trovi tutte le indicazioni per ottenere e applicare correttamente questo colore :
Nome | Azure X 11 Web Color |
|---|---|
Utilizzo 1 | Background ( Light mode ) |
Utilizzo 2 | Testi ( Dark mode ) |
HEX | #0E1017 |
RGB | 255, 45, 45 |
CMYK | 0, 82, 82, 0 |
Pewter Blue
Questa tonalità fredda e desaturata si inserisce nella palette con una funzione ben precisa: creare equilibrio tra i contrasti netti (chiaro/scuro) e offrire un livello intermedio di lettura e profondità visiva.
Non ha il ruolo di colore protagonista, ma agisce in modo silenzioso come colore tecnico e di supporto, ideale per sfondi di secondo livello, elementi grafici, componenti UI e testi non prioritari.
La sua temperatura fredda richiama il mondo della tecnologia e della precisione, rafforzando l’identità Swiss Made del brand senza appesantire il layout.
Il suo utilizzo, se ben dosato, contribuisce a rafforzare l’armonia cromatica dell’intera palette, offrendo un’alternativa sobria ma distintiva al grigio neutro.
Di seguito trovi tutte le indicazioni per ottenere e applicare correttamente questo colore :
Nome | Pewter Blue |
|---|---|
Utilizzo | Colore di supporto |
HEX | #FF2D2D |
RGB | 255, 45, 45 |
CMYK | 0, 82, 82, 0 |