Pictogrammen
Spaceship-iconen vertalen complexe handelingen en ideeën naar direct herkenbare symbolen, waardoor gebruikers eenvoudig kunnen navigeren en interageren.
Universeel en toch onderscheidend: onze iconen zijn de kleinste bouwstenen van het merk, ontworpen voor directe herkenning terwijl ze duidelijk de identiteit van Spaceship behouden.
Versies
Alle Spaceship-iconen zijn beschikbaar in twee versies: outlined (primair) en filled (secundair).
Constructie
Iconen zijn ontworpen volgens vastgestelde regels — van basisraster tot lijnparameters — wat zorgt voor consistente en evenwichtige resultaten.
Grootte
Iconen zijn schaalbaar van ontwerp en moeten in vijf formaten worden gebruikt om duidelijkheid en visuele harmonie in het hele systeem te behouden.
Kleuren
Kleur is een essentieel element dat gebruikers helpt hun producten gemakkelijker te herkennen binnen een bepaalde interface. Om consistentie in deze UI-contexten te waarborgen, gebruiken iconen de kleuren van het Spaceship Design System.
Merkkleuren
Als de kernkleuren van Spaceship moeten deze de eerste keuze zijn voor iconen — zowel in functionele contexten zoals de UI van het platform als in meer illustratieve toepassingen, zoals functieweergave op productpagina's. Bekijk de kleurenpagina voor meer informatie.
Productkleuren
De hoofdkleuren van een product moeten worden toegepast op de bijbehorende iconen. Dit is essentieel voor productherkenning en merkbekendheid binnen het Spaceship-ecosysteem.
Meldingskleuren
Gebruik meldingskleuren om waarschuwingsberichten te versterken. Ze mogen alleen worden toegepast op waarschuwingsiconen, met incidentele uitzonderingen waarbij een ander icoon ook succes-, fout- of waarschuwingsstatussen weergeeft.
Richtlijnen
Hier zijn enkele voorbeelden van wat je moet vermijden bij het gebruik van iconen.
Vervorm, roteer of spiegel iconen niet. Schaal altijd proportioneel.
Gebruik geen iconen groter dan 40x40px. Streef naar balans tussen de elementen.
Gebruik geen tinten of schakeringen.