Symbole
Spaceship-Symbole übersetzen komplexe Aktionen und Ideen in sofort erkennbare Symbole und helfen den Nutzern, sich einfach zurechtzufinden und zu interagieren.
Universell und dennoch unverwechselbar sind unsere Icons die kleinsten Bausteine der Marke, gestaltet für sofortige Wiedererkennung und mit klar erkennbarer Spaceship Identität.
Versionen
Alle Spaceship Icons sind in zwei Versionen verfügbar: konturiert (primär) und gefüllt (sekundär).
Konstruktion
Icons werden nach festgelegten Regeln gestaltet — vom Grundraster bis zu den Strichparametern — und sorgen so für konsistente und ausgewogene Ergebnisse.
Größe
Von Grund auf skalierbar gestaltet, sollten Icons in fünf Größen verwendet werden, um im gesamten System Klarheit und visuelle Harmonie zu bewahren.
Farben
Farbe ist ein wesentliches Element, das Nutzern hilft, ihre Produkte innerhalb einer bestimmten Benutzeroberfläche leichter zu identifizieren. Um Konsistenz in diesen UI-Kontexten sicherzustellen, verwenden Icons Spaceship Design System Farben.
Markenfarben
Als Kernfarben von Spaceship sollten diese die erste Wahl für Icons sein — sowohl in funktionalen Kontexten wie der Plattform-Benutzeroberfläche als auch in illustrativeren Anwendungen, etwa zur Darstellung von Funktionen auf Produktseiten. Weitere Details finden Sie auf der Farbseite.
Produktfarben
Die Hauptfarben eines Produkts sollten auf die entsprechenden Icons angewendet werden. Das ist entscheidend für die Produkterkennung und Markenwahrnehmung im gesamten Spaceship Ökosystem.
Benachrichtigungsfarben
Verwenden Sie Benachrichtigungsfarben, um Warnmeldungen zu verstärken. Sie sollten nur auf die Warn-Icons angewendet werden, mit gelegentlichen Ausnahmen, wenn ein anderes Icon ebenfalls Erfolgs-, Fehler- oder Warnzustände darstellt.
Richtlinien
Hier sind einige Beispiele dafür, was Sie bei der Verwendung von Icons vermeiden sollten.
Icons nicht verzerren, drehen oder spiegeln. Immer proportional skalieren.
Verwenden Sie keine Icons, die größer als 40x40px sind. Achten Sie auf ein ausgewogenes Verhältnis zwischen den Elementen.
Keine Tönungen oder Schattierungen verwenden.