Księga marki
Jeden znak, jedna zieleń, jeden głos.
Pełny system marki Protocore — logo, strefa ochronna, kolor, typografia, głos i nazewnictwo — na jednej stronie. Przeczytaj tutaj albo pobierz PDF.
System logo
Cztery sposoby ułożenia znaku.
Fasetowany znak rdzenia to jedyny rysowany element. Lockupy zestawiają nazwę obok lub pod nim w kroju Roboto Medium — żadnego z nich nie rysuj od nowa.
Samodzielnie w małych rozmiarach — favicony, ikony aplikacji i wszędzie tam, gdzie nazwa przestałaby być czytelna.
Znak obok nazwy. Wersja domyślna — nagłówki, dokumenty i podpisy.
Znak nad nazwą. Do kwadratowych kadrów — grafik w mediach społecznościowych, kafelków i pieczęci.
Znak wyśrodkowany na jednolitym kafelku 1024 px. Do zdjęć profilowych na każdej platformie.
Pole ochronne i rozmiar
Miejsce wokół i dolna granica.
Dwie twarde liczby sprawiają, że znak pozostaje czytelny wszędzie, gdzie się pojawia.
Pole ochronne — szerokość jednego znaku z każdej z czterech stron.
- Pole ochronne
- Szerokość samego znaku z każdej z czterech stron. Nic w nie nie wchodzi — ani tekst, ani linie, ani krawędzie strony.
- Minimalna wysokość · cyfrowa
- 16 px. Poniżej tej wartości znak przestaje być czytelny — używaj samego znaku, nigdy logo z nazwą.
- Minimalna wysokość · druk
- 6 mm.
Kolor
Pięć kolorów, ścisłe role.
Domyślnie niemal monochromatycznie. Zieleń to akcent, nie motyw — nigdy nie wypełnia dużych powierzchni.
Tekst na jasnym tle. Ciemne powierzchnie.
Jasne tła stron.
Karty na papierze. Tekst na ink.
Zieleń — wyłącznie na ciemnych powierzchniach.
Tekst akcentowy na bieli — linki i etykiety.
Typografia
Mówi Roboto.
Wszystko obejmują dwie rodziny. Bez trzeciego kroju i bez kursywy do wyróżnień.
Interfejs i nagłówki — 400 dla tekstu, 500 dla nagłówków i logo z nazwą, 700 z umiarem.
Etykiety, eyebrowy i liczby — wersaliki, szeroki track.
Etykiety sekcji zaczynają się od trzech ukośników i spacji — składane w Roboto Mono, wersalikami, z szerokim trackingiem. Ukośniki to wpisane znaki, a nie rysowana grafika.
Głos i ton
Mów mniej, ale na serio.
Pięć zasad obejmuje każdy wiersz tekstów Protocore, od nagłówków po etykiety przycisków.
Nazewnictwo
Produkty noszą nazwę rodziny.
Jeden wzorzec, stosowany bez wyjątków.
- Pierwsza wzmianka
- Pełna nazwa — „Protocore Pay”, „Protocore Gateway”. Potem sama nazwa produktu.
- PDS
- Skrót od Protocore Design System. Przy pierwszej wzmiance rozwiń go; dalej używaj PDS.
- Firma
- Protocore — jedno słowo, wielkie P. Nigdy ProtoCore, PROTOCORE ani Proto Core.
Zastosowanie
Rób tak, nie tak.
Zasady z press kitu, rozszerzone na cały system.
- 01Zachowaj wokół znaku wolną przestrzeń równą jego szerokości z każdej strony.
- 02Czarny wariant stosuj na jasnych tłach, a biały na ciemnych.
- 03Wariant akcentowy zarezerwuj dla powierzchni w kolorze czerni (#0a0a0a).
- 04Skaluj z plików SVG — znak pozostaje ostry w każdym rozmiarze.
- 05Używaj logo pionowego, gdy kadr jest kwadratowy.
- 06Poniżej 16 px wysokości przejdź na sam znak.
- 01Nie zmieniaj kolorów znaku poza dostępnymi wariantami.
- 02Nie obracaj, nie obrysowuj, nie dodawaj cieni ani innych efektów.
- 03Nie rysuj znaku od nowa i nie zmieniaj jego proporcji.
- 04Nie składaj nazwy Protocore innym krojem — lockupy używają Roboto Medium.
- 05Nie umieszczaj akcentowej zieleni na bieli — do tekstu akcentowego użyj tam #0e9e6e.
- 06Nie umieszczaj znaku na fotografiach ani gradientach — tylko na jednolitym ink lub paper.
Pliki
Zabierz system ze sobą.
Przewodnik jako PDF, zasoby w jednym zipie. Każdy plik osobno znajdziesz na stronie dla prasy.