Pictogrammen
Spaceship-iconen vertalen complexe handelingen en ideeën naar direct herkenbare symbolen, waardoor gebruikers eenvoudig kunnen navigeren en interageren.
Universeel maar onderscheidend, onze iconen zijn de kleinste bouwstenen van het merk, ontworpen voor directe herkenning terwijl ze duidelijk de Spaceship-identiteit behouden.
Versies
Alle Spaceship-iconen zijn beschikbaar in twee versies: omlijnd (primair) en gevuld (secundair).
Constructie
Iconen zijn ontworpen volgens vastgestelde regels — van basisraster tot lijnparameters — om consistente en evenwichtige resultaten te garanderen.
Grootte
Iconen zijn schaalbaar ontworpen en moeten in vijf maten 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 Spaceship Design System-kleuren.
Merkkleuren
Als kernkleuren van Spaceship moeten deze de primaire keuze zijn voor iconen — of het nu in functionele contexten is zoals de platform-UI of in meer illustratieve toepassingen, zoals functieweergave op productpagina's. Bekijk de kleurpagina voor meer details.
Productkleuren
De hoofdkleuren van een product moeten worden toegepast op de bijbehorende iconen. Dit is essentieel voor productherkenning en bewustzijn binnen het Spaceship-ecosysteem.
Notificatiekleuren
Gebruik notificatiekleuren om waarschuwingsberichten te versterken. Ze mogen alleen worden toegepast op waarschuwingsiconen, met af en toe een uitzondering 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.