Manuál značky
Jedno logo, jedna zelená, jeden hlas.
Celý systém značky Protocore — logo, ochranná zóna, barvy, písmo, tón komunikace a pojmenování — na jedné stránce. Přečtěte si ho tady, nebo si stáhněte PDF.
Systém loga
Čtyři způsoby, jak znak použít.
Fasetované jádro je jediný kreslený prvek. Lockupy řadí název vedle znaku nebo pod něj písmem Roboto Medium — ani jedno nikdy nekreslete znovu.
Samostatně v malých velikostech — favicony, ikony aplikací a všude, kde by název nebyl čitelný.
Značka vedle názvu. Výchozí varianta — záhlaví, dokumenty a podpisy.
Značka nad názvem. Pro čtvercová umístění — sociální karty, dlaždice a razítka.
Značka vystředěná na jednobarevné dlaždici 1024 px. Pro profilové obrázky na jakékoli platformě.
Ochranná zóna a velikost
Prostor kolem, minimum dole.
Dvě pevné hodnoty zajišťují, že je značka čitelná všude, kde se objeví.
Ochranná zóna — šířka jedné značky na všech čtyřech stranách.
- Ochranná zóna
- Šířka samotné značky na všech čtyřech stranách. Nic do ní nezasahuje — ani text, ani linky, ani okraje stránky.
- Minimální výška · digitál
- 16 px. Pod tuto hranici čitelnost mizí — použijte samotnou značku, nikdy lockup.
- Minimální výška · tisk
- 6 mm.
Barvy
Pět barev, přísné role.
Ve výchozím stavu téměř monochromatické. Zelená je akcent, ne téma — nikdy nevyplňuje velké plochy.
Text na světlém pozadí. Tmavé plochy.
Světlá pozadí stránek.
Karty na papíru. Text na inkoustu.
Zelená — pouze na tmavých plochách.
Akcentní text na bílé — odkazy a popisky.
Typografie
Mluví Roboto.
Vše pokrývají dvě rodiny písma. Žádné třetí písmo, žádná kurzíva pro zdůraznění.
UI a nadpisy — 400 pro běžný text, 500 pro nadpisy a lockupy, 700 střídmě.
Popisky, eyebrow texty a čísla — velkými písmeny, s širokým prostrkáním.
Popisky sekcí začínají třemi lomítky a mezerou — v písmu Roboto Mono, velkými písmeny, s širokým prostrkáním. Lomítka jsou psané znaky, ne kreslená grafika.
Hlas a tón
Méně slov, víc smyslu.
Pět pravidel pokrývá každý řádek textů Protocore, od nadpisů po popisky tlačítek.
Pojmenování
Produkty nesou jméno rodiny.
Jeden vzorec, bez výjimek.
- První zmínka
- Celý název — „Protocore Pay“, „Protocore Gateway“. Dále už jen název produktu.
- PDS
- Zkratka pro Protocore Design System. Při první zmínce ji rozepište, dále používejte PDS.
- Společnost
- Protocore — jedno slovo, velké P. Nikdy ProtoCore, PROTOCORE ani Proto Core.
Použití
Takto ano, takto ne.
Pravidla z press kitu rozšířená na celý systém.
- 01Okolo znaku nechte ze všech stran volné místo odpovídající jeho šířce.
- 02Na světlých pozadích používejte černou variantu, na tmavých bílou.
- 03Akcentní variantu vyhraďte pro plochy v barvě inkoustu (#0a0a0a).
- 04Škálujte ze souborů SVG — znak zůstane ostrý v jakékoli velikosti.
- 05Při čtvercovém umístění použijte vertikální lockup.
- 06Pod 16 px výšky přejděte na samotnou značku.
- 01Nepřebarvujte značku mimo dodané varianty.
- 02Neotáčejte, neobtahujte ani nepřidávejte stíny a jiné efekty.
- 03Znak nekreslete znovu a neměňte jeho proporce.
- 04Název Protocore nesázejte jiným písmem — lockupy používají Roboto Medium.
- 05Nepoužívejte akcentní zelenou na bílé — pro akcentní text tam použijte #0e9e6e.
- 06Neumisťujte značku na fotografie ani přechody — jen na jednobarevný inkoust nebo papír.
Soubory
Vezměte si systém s sebou.
Průvodce jako PDF, podklady v jednom zipu. Každý jednotlivý soubor najdete na stránce pro média.