Ikoner
Spaceship-ikoner översätter komplexa handlingar och idéer till omedelbart igenkännbara symboler, vilket hjälper användare att navigera och interagera enkelt.
Universella men ändå distinkta, våra ikoner är varumärkets minsta byggstenar, utformade för omedelbar igenkänning samtidigt som de tydligt behåller Spaceship-identiteten.
Versioner
Alla Spaceship-ikoner finns i två versioner: kontur (primär) och fylld (sekundär).
Konstruktion
Ikoner utformas enligt definierade regler — från basrutnät till linjeparametrar — vilket säkerställer konsekventa och balanserade resultat.
Storlek
Ikoner är skalbara till sin design och bör användas i fem storlekar för att bevara tydlighet och visuell harmoni i hela systemet.
Färger
Färg är ett viktigt element som hjälper användare att lättare identifiera sina produkter inom ett visst gränssnitt. För att säkerställa konsekvens i dessa UI-sammanhang använder ikoner Spaceship Design System-färger.
Varumärkesfärger
Som Spaceships kärnfärger bör dessa vara det primära valet för ikoner — oavsett om det gäller funktionella sammanhang som plattformens användargränssnitt eller mer illustrativa användningar, såsom funktionsrepresentation på produktsidor. Se färgsidan för mer information.
Produktfärger
En produkts huvudfärger bör användas för dess respektive ikoner. Detta är avgörande för produktigenkänning och medvetenhet i hela Spaceship-ekosystemet.
Aviseringsfärger
Använd aviseringsfärger för att förstärka varningsmeddelanden. De bör endast användas för varningsikoner, med enstaka undantag där en annan ikon också representerar tillstånd som lyckat, fel eller varning.
Vägledning
Här är några exempel på vad du bör undvika när du använder ikoner.
Förvräng, rotera eller spegelvänd inte ikoner. Skala alltid proportionerligt.
Använd inte ikoner som är större än 40x40px. Sträva efter balans mellan elementen.
Använd inte toner eller nyanser.