Ikoner
Spaceship-ikoner oversetter komplekse handlinger og ideer til umiddelbart gjenkjennelige symboler, og hjelper brukere med å navigere og samhandle enkelt.
Universelle, men likevel særegne, er ikonene våre de minste byggeklossene i merkevaren, designet for umiddelbar gjenkjennelse samtidig som de tydelig beholder Spaceship-identiteten.
Versjoner
Alle Spaceship-ikoner er tilgjengelige i to versjoner: omriss (primær) og fylt (sekundær).
Konstruksjon
Ikoner er designet etter definerte regler — fra basisrutenett til strekparametere — for å sikre konsekvente og balanserte resultater.
Størrelse
Ikoner er skalerbare av design og bør brukes i fem størrelser for å bevare klarhet og visuell harmoni i hele systemet.
Farger
Farge er et essensielt element som hjelper brukere å identifisere produktene sine enklere i et bestemt grensesnitt. For å sikre konsistens i disse brukergrensesnittene bruker ikoner Spaceship Design System-farger.
Merkevarefarger
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 funksjonsrepresentasjon på produktsider. Se fargesiden for mer informasjon.
Produktfarger
Et produkts hovedfarger bør brukes på dets respektive ikoner. Dette er viktig for produktgjenkjenning og bevissthet på tvers av Spaceship-økosystemet.
Varslingsfarger
Bruk varslingsfarger for å forsterke varselmeldinger. De skal kun brukes på varselikoner, med enkelte unntak der et annet ikon også representerer suksess-, feil- eller advarselsstatus.
Veiledning
Her er noen eksempler på hva du bør unngå når du bruker ikoner.
Ikke forvrenge, rotere eller speilvende ikoner. Skaler alltid proporsjonalt.
Ikke bruk ikoner større enn 40x40px. Sikt etter balanse mellom elementene.
Ikke bruk nyanser eller sjatteringer.