Ikoner
Spaceship-ikoner oversetter komplekse handlinger og ideer til umiddelbart gjenkjennelige symboler, og hjelper brukere med å navigere og samhandle enkelt.
Universelle, men særegne – ikonene våre er de minste byggesteinene i merkevaren, utformet for umiddelbar gjenkjennelse samtidig som de tydelig bevarer Spaceship-identiteten.
Versjoner
Alle Spaceship-ikoner er tilgjengelige i to versjoner: konturert (primær) og fylt (sekundær).
Konstruksjon
Ikoner er utformet i henhold til definerte regler – fra grunnrutenett til strekparametere – noe som sikrer konsistente og balanserte resultater.
Størrelse
Ikoner er skalerbare av design og bør brukes i fem størrelser for å bevare tydelighet og visuell harmoni gjennom hele systemet.
Farger
Farge er et viktig element som hjelper brukere med å identifisere produktene sine enklere i et bestemt grensesnitt. For å sikre konsistens i disse UI-sammenhengene bruker ikoner Spaceship Design System-farger.
Merkefarger
Som Spaceships kjernefarger bør disse være førstevalget for ikoner – enten i funksjonelle sammenhenger som plattformens brukergrensesnitt eller i mer illustrative bruksområder, som representasjon av funksjoner på produktsider. Se fargesiden for flere detaljer.
Produktfarger
Et produkts hovedfarger bør brukes på de tilhørende ikonene. Dette er viktig for produktgjenkjenning og bevissthet på tvers av Spaceship-økosystemet.
Varslingsfarger
Bruk varslingsfarger for å forsterke varselmeldinger. De bør bare brukes på varselikonene, med enkelte unntak der et annet ikon også representerer tilstander som suksess, feil eller advarsel.
Veiledning
Her er noen eksempler på hva du bør unngå når du bruker ikoner.
Ikke forvreng, roter eller speil ikoner. Skaler alltid proporsjonalt.
Ikke bruk ikoner som er større enn 40x40px. Sikt mot balanse mellom elementene.
Ikke bruk toner eller nyanser.