Identità visiva
Il marchio iXtudiu: una X in due tempi, antracite e giallo. Qui trovi le varianti, i colori, le icone per web e mobile e i file da scaricare.
Il marchio
Solo simbolo, senza scritta. Il corpo è una X con due fessure; il chevron giallo sta nella V in basso.
Su sfondo chiaroScarica SVG
Su sfondo scuro (argento)Scarica SVG
Monocromatico neroScarica SVG
Monocromatico biancoScarica SVG
Colori del marchio
Antracite e giallo sono misurati sull’immagine del logo; l’argento del tema scuro è una stima dalla tavola e va confermato.
Antracite
#2F353ACorpo del marchio su sfondi chiari · Sfondo delle iconeGiallo
#F9D205Chevron del marchio · Unico accentoArgento
#E6E8EA → #A7ACB1Corpo del marchio su sfondi scuri (sfumatura verticale)Spazio e proporzioni
Il simbolo è largo 862 e alto 823 unità: quasi quadrato. Ecco l’area di rispetto e le dimensioni di riferimento.
Area di rispetto: ¼ della larghezza
Icone per il web
Tessera antracite con simbolo argento e giallo: si legge sia sulle schede chiare sia su quelle scure del browser.
| File (public/) | Dimensione | Uso |
|---|---|---|
| favicon.svg | vettoriale | Icona della scheda del browser (preferita) |
| favicon.ico | 16 · 32 · 48 · 64 px | Browser che non leggono l’SVG |
| favicon-16.png | 16 × 16 px | Scheda del browser, dimensione minima |
| favicon-32.png | 32 × 32 px | Scheda del browser, schermi ad alta densità |
| apple-touch-icon.png | 180 × 180 px | Icona iPhone/iPad sulla schermata Home (a filo, il sistema arrotonda) |
| pwa-192.png | 192 × 192 px | Icona dell’app installata (PWA) |
| pwa-512.png | 512 × 512 px | Icona dell’app installata (PWA), schermata di avvio |
| pwa-maskable-512.png | 512 × 512 px | Icona adattiva Android da PWA (simbolo nella zona sicura) |
Icone per l’app mobile
File in apps/mobile/assets/, collegati da app.json.
| File | Dimensione | Uso |
|---|---|---|
| icon.png | 1024 × 1024 px | Icona dell’app (iOS e store), a filo |
| adaptive-icon.png | 1024 × 1024 px | Primo piano dell’icona adattiva Android, sfondo antracite da app.json |
| splash.png | 1284 × 2778 px | Schermata di avvio |
| notification-icon.png | 256 × 256 px | Icona delle notifiche Android: bianca su trasparente |
Come usarlo
Variante giusta per lo sfondoAntracite su sfondi chiari, argento su sfondi scuri. Il monocromatico serve solo dove non si possono usare due colori (timbri, fax, incisioni).
Nessuna deformazioneSi scala sempre in proporzione. Niente stiramenti, rotazioni, contorni o ombre.
Colori fissiIl chevron resta giallo. Non si ricolora il marchio con i colori del tema o del cliente.
Area di rispettoAttorno al simbolo si lascia uno spazio libero pari a un quarto della sua larghezza. Proposta di lavoro, da confermare.
Dimensione minimaSotto i 16 px le due fessure del corpo si chiudono: per le icone piccole usare le versioni favicon già pronte.
Colori dell’interfaccia
Sono i colori dell’applicazione, distinti da quelli del marchio.
Deep Ardesia
#1D2D3ESidebar · Sfondi scuri · Testo inversoMid Ardesia
#374F65Bordi evidenziati · Titoli su scuroAccento
#6B9DB5Primario · Bottoni · LinkAccento chiaro
#9BBDCEHover · Stato attivo · Icone secondarieNebbia chiara
#E8EFF3Chip · Badge · Sfondi chiariPagina
#F0F3F5Sfondo pagina in modalità chiaraSalvia
#4A9B7FSuccesso · Conferma · Stato positivoOro antico
#C49A3CAttenzione · Warning · Da verificare