Icone
Le icone di Spaceship traducono azioni e idee complesse in simboli immediatamente riconoscibili, aiutando gli utenti a navigare e interagire con facilità.
Universali ma distintive, le nostre icone sono i più piccoli elementi costitutivi del brand, progettate per un riconoscimento immediato mantenendo chiaramente l'identità di Spaceship.
Versioni
Tutte le icone di Spaceship sono disponibili in due versioni: contornata (primaria) e piena (secondaria).
Costruzione
Le icone sono progettate secondo regole definite — dalla griglia di base ai parametri del tratto — garantendo risultati coerenti ed equilibrati.
Dimensione
Scalabili per progettazione, le icone dovrebbero essere usate in cinque dimensioni per preservare chiarezza e armonia visiva in tutto il sistema.
Colori
Il colore è un elemento essenziale che aiuta gli utenti a identificare più facilmente i propri prodotti all'interno di una determinata interfaccia. Per garantire coerenza in questi contesti UI, le icone usano i colori del Spaceship Design System.
Colori del brand
In quanto colori principali di Spaceship, questi dovrebbero essere la scelta primaria per le icone, sia in contesti funzionali come l'interfaccia utente della piattaforma sia in usi più illustrativi, come la rappresentazione delle funzionalità nelle pagine prodotto. Consulta la pagina dei colori per ulteriori dettagli.
Colori del prodotto
I colori principali di un prodotto dovrebbero essere applicati alle rispettive icone. Questo è fondamentale per il riconoscimento e la notorietà del prodotto nell'ecosistema Spaceship.
Colori di notifica
Usa i colori di notifica per rafforzare i messaggi di avviso. Dovrebbero essere applicati solo alle icone di avviso, con eccezioni occasionali in cui un'altra icona rappresenta anche stati di successo, errore o avvertimento.
Linee guida
Ecco alcuni esempi di cosa evitare quando si usano le icone.
Non deformare, ruotare o capovolgere le icone. Ridimensionale sempre in modo proporzionale.
Non usare icone più grandi di 40x40px. Punta a un equilibrio tra gli elementi.
Non usare tinte o sfumature.