Brand guide
Jedna značka, jedna zelená, jeden hlas.
Celý brand systém Protocore — logo, ochranná zóna, farby, písmo, tón komunikácie a pomenovanie — na jednej stránke. Čítajte tu alebo si stiahnite PDF.
Systém loga
Štyri spôsoby, ako zasadiť značku.
Fasetované jadro je jediný kreslený prvok. Lockupy kladú názov vedľa neho alebo pod neho v písme Roboto Medium — nikdy neprekresľujte ani jedno.
Samostatne v malých veľkostiach — favicony, ikony aplikácií a všade, kde by názov nebol čitateľný.
Znak vedľa názvu. Predvolená verzia — hlavičky, dokumenty a podpisy.
Znak nad názvom. Pre štvorcové umiestnenia — karty na sociálne siete, dlaždice a pečiatky.
Znak vycentrovaný na plnej dlaždici 1024 px. Pre profilové obrázky na akejkoľvek platforme.
Ochranná zóna a veľkosť
Miesto okolo, hranica dole.
Dve pevné čísla zaisťujú, že znak je čitateľný všade, kde sa objaví.
Ochranná zóna — šírka znaku na všetkých štyroch stranách.
- Ochranná zóna
- Šírka samotného znaku na všetkých štyroch stranách. Nesmie do nej zasahovať nič — ani text, ani linky, ani okraje stránky.
- Minimálna výška · digitál
- 16 px. Pod touto hodnotou čitateľnosť klesá — použite samotný znak, nikdy nie lockup.
- Minimálna výška · tlač
- 6 mm.
Farby
Päť farieb, prísne role.
Predvolene takmer monochromatické. Zelená je akcent, nie téma — nikdy nevypĺňa veľké plochy.
Text na svetlom podklade. Tmavé plochy.
Svetlé pozadia stránok.
Karty na papieri. Text na ink.
Zelená — iba na tmavých plochách.
Akcentový text na bielej — odkazy a označenia.
Typografia
Hovorí Roboto.
Všetko pokrývajú dve rodiny. Žiadne tretie písmo, žiadna kurzíva na zvýraznenie.
Rozhranie a nadpisy — 400 pre text, 500 pre nadpisy a lockupy, 700 striedmo.
Označenia, eyebrowy a čísla — veľké písmená, široký rozstup.
Označenia sekcií začínajú tromi lomkami a medzerou — v Roboto Mono, veľkými písmenami, sväčším rozstupom. Lomky sú napísané znaky, nie kreslená grafika.
Hlas a tón
Menej slov, viac váhy.
Päť pravidiel pokrýva každý riadok textov Protocore, od nadpisov po tlačidlá.
Pomenovanie
Produkty nesú meno rodiny.
Jeden vzorec, bez výnimky.
- Prvá zmienka
- Celý názov — „Protocore Pay“, „Protocore Gateway“. Potom už len názov produktu.
- PDS
- Skratka pre Protocore Design System. Pri prvej zmienke ju rozpíšte, potom už len PDS.
- Spoločnosť
- Protocore — jedno slovo, veľké P. Nikdy ProtoCore, PROTOCORE ani Proto Core.
Používanie
Takto áno, takto nie.
Pravidlá z press kitu rozšírené na celý systém.
- 01Dodržte ochrannú zónu rovnú šírke značky zo všetkých strán.
- 02Čiernu variantu používajte na svetlých pozadiach a bielu na tmavých.
- 03Accent variant vyhraďte pre plochy v ink (#0a0a0a).
- 04Škálujte zo súborov SVG — značka zostane ostrá v každej veľkosti.
- 05Pri štvorcovom umiestnení použite vertikálny lockup.
- 06Pri výške pod 16 px prejdite na samotný znak.
- 01Znak neprefarbujte mimo dodaných variantov.
- 02Značku neotáčajte, neobtiahujte ani k nej nepridávajte tiene či iné efekty.
- 03Značku neprekresľujte ani nemeňte jej proporcie.
- 04Názov Protocore nesádzajte iným písmom — lockupy používajú Roboto Medium.
- 05Akcentovú zelenú nedávajte na bielu — pre akcentový text tam použite #0e9e6e.
- 06Znak nedávajte na fotografie ani gradienty — iba na plný ink alebo paper.
Súbory
Zoberte si systém so sebou.
Príručka v PDF, podklady v jednom zipe. Všetky jednotlivé súbory sú na stránke pre média.