Materiały marki

Materiały marki SSP

Oficjalne logo, kolory i wytyczne dla SSP Wallet i SSP Key. Używaj ich w artykułach, integracjach, na listach giełd i dostawców oraz w filmach.

SVG to plik źródłowy każdego logo. Używaj SVG wszędzie, gdzie to możliwe, a PNG tylko tam, gdzie grafika wektorowa się nie sprawdzi.

Umieszczasz SSP obok innych dostawców?

Użyj okrągłej, bursztynowej ikony. Pozostaje czytelna nawet w rozmiarze awatara na listach swapów, portfeli i giełd.

Sygnet

Same trzy filary — na wypadek, gdy miejsca jest za mało lub jest zbyt kwadratowe na pełne logo.

Sygnet: Na ciemne tło

Na ciemne tło

Ciemne tła (domyślnie)

Sygnet: Na jasne tło

Na jasne tło

Jasne tła

Sygnet: Czarne

Czarne

SSP Amber i druk jednokolorowy

Sygnet: Białe

Białe

Zdjęcia oraz złożone lub kolorowe tła

Pliki PNG mają 1024 px wysokości i przezroczyste tło.

Ikona

Sygnet na jednolitym kafelku — do awatarów, list dostawców i portfeli, ikon aplikacji i profili w mediach społecznościowych. Domyślna jest wersja bursztynowa. Ciemna lub jasna sprawdzi się tam, gdzie bursztyn gryzie się z Twoim interfejsem.

Zalecana na listy dostawcówIkona: Okrągła, Bursztynowa

Okrągła · Bursztynowa

Ikona: Okrągła, Ciemna

Okrągła · Ciemna

Ikona: Okrągła, Jasna

Okrągła · Jasna

Ikona: Kwadratowa, Bursztynowa

Kwadratowa · Bursztynowa

Ikona: Kwadratowa, Ciemna

Kwadratowa · Ciemna

Ikona: Kwadratowa, Jasna

Kwadratowa · Jasna

Ikona aplikacji SSP Key

Ikona aplikacji SSP Key

Aplikacja mobilna SSP Key ma własną ikonę. Używaj jej tylko wtedy, gdy piszesz o aplikacji mobilnej.

PNG 512

Kolory

Bursztynowa paleta pochodzi z filarów sygnetu. Kliknij dowolną wartość, aby ją skopiować.

SSP Amber

Główny kolor marki: przyciski, wyróżnienia, akcenty

Jasny bursztyn

Środkowy filar sygnetu

Głęboki bursztyn

Lewy filar sygnetu, stany po najechaniu kursorem

Bursztyn akcji

Wezwania do działania, koniec gradientu w materiałach marketingowych

Grafit

Prawy filar i logotyp na jasnym tle

Noc

Ciemne tła i powierzchnie

Biel

Prawy filar i logotyp na ciemnym tle

Aa
Aa

Tekst i ikony na SSP Amber są zawsze czarne, nigdy białe.

Typografia

Dwa darmowe kroje z Google Fonts: Montserrat do nagłówków i Inter do całej reszty.

Montserrat

Nagłówki i tytuły · Grubości 600 · 700 · 800

Dwa klucze. Jeden portfel.

Pobierz z Google Fonts

Inter

Tekst i interfejs · Grubości 400 · 500 · 600 · 700

Każdą transakcję muszą podpisać zarówno przeglądarka, jak i telefon, więc jedno skradzione urządzenie nie wystarczy, by przenieść Twoje środki.

Pobierz z Google Fonts

Oba kroje są darmowe na licencji SIL Open Font License. Logotyp SSP to autorskie liternictwo, a nie font, dlatego zawsze używaj plików logo i nigdy nie odtwarzaj go za pomocą fontu.

Zastosowanie

Pole ochronne

Zachowaj wokół logo wolną przestrzeń równą x, czyli szerokości jednego filaru. Nie może się w niej znaleźć tekst, krawędź ani inna grafika.

Logo

Cyfrowe: 96 px szerokości

Druk: 25 mm szerokości

Sygnet

Cyfrowe: 16 px wysokości

Druk: 5 mm wysokości

Ikona

Cyfrowe: 24 px

Druk: 8 mm

Minimalne rozmiary

Poniżej tych rozmiarów filary zlewają się ze sobą. Gdy brakuje miejsca, użyj sygnetu lub ikony.

Co robić, a czego unikać

Tak

Na ciemnym tle używaj wersji na ciemne tło, a na jasnym — wersji na jasne tło.

Tak

Na SSP Amber używaj czarnego logo, a na zdjęciach lub złożonych, kolorowych tłach — białego.

Nie

Nie rozciągaj, nie spłaszczaj ani nie przycinaj logo.

Nie

Nie obracaj logo.

Nie

Nie zmieniaj kolorów filarów ani nie dodawaj gradientów.

Nie

Nie dodawaj obrysów, poświaty ani cieni.

Nie

Nie obniżaj kontrastu ani nie zmniejszaj krycia logo.

SSP
Nie

Nie odtwarzaj logotypu za pomocą fontu, nie przesuwaj sygnetu i nie zmieniaj odstępów.

Nie używaj plików w niskiej rozdzielczości. Użyj SVG lub PNG o rozmiarze co najmniej równym rozmiarowi wyświetlania.

Pisownia nazwy

  • SSP zawsze piszemy wielkimi literami, nigdy Ssp ani S.S.P.
  • Produkty to SSP Wallet (rozszerzenie przeglądarki) i SSP Key (aplikacja mobilna). Oba wyrazy piszemy wielką literą.

Hasło

Secure. Simple. Powerful.

Opis w jednym zdaniu

SSP to prawdziwy portfel krypto multisig 2-z-2: jeden klucz w przeglądarce, drugi w telefonie.

Grafiki produktowe

Grafiki marketingowe z przykładowymi saldami, gotowe do artykułów i katalogów.

Banery

Banery

Baner SSP Wallet 1400×560 i kafelek 440×280, baner SSP Key 1024×500.

Przeglądaj w serwisie GitHub
Panele SSP Wallet

Panele SSP Wallet

Pięć paneli z funkcjami, 1280×800.

Przeglądaj w serwisie GitHub
Panele SSP Key

Panele SSP Key

Sześć paneli z funkcjami, 1290×2796, w pionowym formacie telefonu.

Przeglądaj w serwisie GitHub