Ikony
Ikony Spaceship przekładają złożone działania i idee na natychmiast rozpoznawalne symbole, pomagając użytkownikom łatwo się poruszać i wchodzić w interakcje.
Uniwersalne, a zarazem charakterystyczne, nasze ikony są najmniejszymi elementami marki, zaprojektowanymi z myślą o natychmiastowej rozpoznawalności przy zachowaniu tożsamości Spaceship.
Wersje
Wszystkie ikony Spaceship są dostępne w dwóch wersjach: konturowej (podstawowej) i wypełnionej (drugorzędnej).
Konstrukcja
Ikony są projektowane według określonych zasad — od bazowej siatki po parametry linii — co zapewnia spójność i równowagę.
Rozmiar
Ikony są skalowalne z założenia i powinny być używane w pięciu rozmiarach, aby zachować czytelność i harmonię wizualną w całym systemie.
Kolory
Kolor to kluczowy element, który pomaga użytkownikom łatwiej identyfikować swoje produkty w danym interfejsie. Aby zapewnić spójność w tych kontekstach UI, ikony korzystają z kolorów Spaceship Design System.
Kolory marki
Jako główne kolory Spaceship, powinny być one podstawowym wyborem dla ikon — zarówno w kontekstach funkcjonalnych, takich jak interfejs platformy, jak i w bardziej ilustracyjnych zastosowaniach, np. przy prezentacji funkcji na stronach produktów. Więcej informacji znajdziesz na stronie z kolorami.
Kolory produktów
Główne kolory produktu powinny być stosowane w jego ikonach. Jest to kluczowe dla rozpoznawalności i świadomości produktu w całym ekosystemie Spaceship.
Kolory powiadomień
Używaj kolorów powiadomień, aby wzmocnić przekaz alertów. Powinny być stosowane wyłącznie do ikon ostrzeżeń, z wyjątkiem sytuacji, gdy inna ikona również oznacza sukces, błąd lub stan ostrzeżenia.
Wskazówki
Oto kilka przykładów, czego unikać podczas korzystania z ikon.
Nie zniekształcaj, nie obracaj ani nie odwracaj ikon. Zawsze skaluj proporcjonalnie.
Nie używaj ikon większych niż 40x40px. Dąż do równowagi między elementami.
Nie używaj odcieni ani cieniowań.