Vodič kroz brend
Jedan znak, jedna zelena, jedan glas.
Kompletan Protocore brend sistem — logotip, slobodan prostor, boja, tipografija, ton i imenovanje — na jednoj stranici. Pročitajte ga ovde ili preuzmite PDF.
Sistem logotipa
Četiri načina da postavite znak.
Znak fasetiranog jezgra jedini je nacrtan element. Lockupi postavljaju naziv pored znaka ili ispod njega u fontu Roboto Medium — nikada ne precrtavajte nijedno od to dvoje.
Samostalno u malim veličinama — favicon, ikonice aplikacija i svuda gde naziv ne bi ostao čitljiv.
Znak pored naziva. Podrazumevana varijanta — zaglavlja, dokumenti i potpisi.
Znak iznad naziva. Za kvadratne formate — kartice za društvene mreže, pločice i pečate.
Znak centriran na punoj pločici od 1024 px. Za profilne slike na svim platformama.
Zaštitni prostor i veličina
Prostor oko znaka, minimum ispod.
Dva stroga broja čuvaju čitljivost znaka svuda gde se pojavi.
Zaštitni prostor — širina znaka sa sve četiri strane.
- Zaštitni prostor
- Širina samog znaka, sa sve četiri strane. Ništa ne ulazi u taj prostor — ni tekst, ni linije, ni ivice stranice.
- Minimalna visina · digitalno
- 16 px. Ispod toga čitljivost nestaje — koristite samo znak, nikada lockup.
- Minimalna visina · štampa
- 6 mm.
Boja
Pet boja, stroge uloge.
Gotovo monohromatski po defaultu. Zelena je akcent, ne tema — nikada ne ispunjava velike površine.
Tekst na svetloj podlozi. Tamne površine.
Svetle pozadine stranica.
Kartice na papiru. Tekst na mastilu.
Zelena — samo na tamnim površinama.
Akcentni tekst na beloj podlozi — linkovi i oznake.
Tipografija
Roboto vodi reč.
Dve porodice pokrivaju sve. Bez trećeg pisma, bez kurziva za isticanje.
UI i naslovi — 400 za osnovni tekst, 500 za naslove i lockup, 700 retko.
Oznake, nadnaslovi i brojevi — velika slova, široko razmaknuta.
Oznake sekcija počinju sa tri kose crte i razmakom — u fontu Roboto Mono, velikim slovima, široko razmaknute. Kose crte su otkucani znakovi, ne nacrtani element.
Glas i ton
Manje reči, više smisla.
Pet pravila pokriva svaki red Protocore teksta, od naslova do dugmadi.
Imenovanje
Proizvodi nose ime porodice.
Jedan obrazac, bez izuzetaka.
- Prvo pominjanje
- Puno ime — „Protocore Pay“, „Protocore Gateway“. Posle toga samo naziv proizvoda.
- PDS
- Skraćenica za Protocore Design System. Pri prvom pominjanju napišite puni naziv, posle toga PDS.
- Kompanija
- Protocore — jedna reč, veliko P. Nikada ProtoCore, PROTOCORE ni Proto Core.
Upotreba
Ovako da, ovako ne.
Pravila iz press kita, proširena na ceo sistem.
- 01Ostavite slobodan prostor jednak širini znaka sa svih strana.
- 02Crnu varijantu koristite na svetlim pozadinama, a belu na tamnim.
- 03Akcent varijantu čuvajte za površine boje mastila (#0a0a0a).
- 04Skalirajte iz SVG fajlova — znak ostaje oštar u bilo kojoj veličini.
- 05Koristite vertikalni lockup kada je format kvadratni.
- 06Ispod 16 px visine koristite samo znak.
- 01Ne menjajte boju znaka mimo ponuđenih varijanti.
- 02Ne rotirajte znak, ne dodajte mu konturu, senke ni druge efekte.
- 03Ne precrtavajte znak i ne menjajte mu proporcije.
- 04Ne pišite naziv Protocore drugim fontom — lockup koristi Roboto Medium.
- 05Ne stavljajte akcentnu zelenu na belo — za akcentni tekst tamo koristite #0e9e6e.
- 06Ne stavljajte znak na fotografije ili gradijente — samo na punu podlogu boje mastila ili papira.
Fajlovi
Ponesite sistem sa sobom.
Vodič kao PDF, resursi u jednom zip fajlu. Svaki pojedinačni fajl nalazi se na press stranici.