Vodič kroz brend
Jedan znak, jedna zelena, jedan glas.
Cijeli Protocore sistem brenda — logo, slobodan prostor, boja, tipografija, ton i imenovanje — na jednoj stranici. Pročitajte ga ovdje ili preuzmite PDF.
Logo sistem
Četiri načina postavljanja znaka.
Znak fasetiranog jezgra jedini je nacrtani element. Lockupi postavljaju naziv pored ili ispod njega u fontu Roboto Medium — nikada ne precrtavajte ni jedno ni drugo.
Samostalno u malim veličinama — favicon, ikone aplikacija i svugdje gdje naziv ne bi ostao čitljiv.
Znak pored naziva. Zadana 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 jednobojnoj pločici od 1024 px. Za profilne slike na svim platformama.
Zaštitni prostor i veličina
Prostor oko znaka, granica ispod.
Dva čvrsta broja održavaju znak čitljivim svugdje gdje se pojavi.
Zaštitni prostor — širina jednog 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 rubovi stranice.
- Minimalna visina · digitalno
- 16 px. Ispod toga čitljivost nestaje — koristite samo znak, nikad lockup.
- Minimalna visina · štampa
- 6 mm.
Boja
Pet boja, stroge uloge.
Gotovo monohromatski po zadanim postavkama. Zelena je akcent, a ne tema — nikad ne ispunjava velike površine.
Tekst na svijetloj podlozi. Tamne površine.
Svijetle pozadine stranica.
Kartice na papiru. Tekst na tinti.
Zelena — samo na tamnim površinama.
Akcentni tekst na bijeloj — linkovi i oznake.
Tipografija
Roboto vodi riječ.
Dvije porodice pokrivaju sve. Nema trećeg fonta, nema kurziva za isticanje.
UI i naslovi — 400 za osnovni tekst, 500 za naslove i lockupe, 700 štedljivo.
Oznake, nadnaslovi i brojevi — velika slova, široko razmaknuta.
Oznake sekcija počinju s tri kose crte i razmakom — slažu se u fontu Roboto Mono, velikim slovima, široko razmaknuto. Kose crte su otkucani znakovi, a ne nacrtana grafika.
Glas i ton
Manje riječi, više smisla.
Pet pravila pokriva svaki redak Protocore teksta, od naslova do oznaka na dugmadima.
Imenovanje
Proizvodi nose ime porodice.
Jedan obrazac, bez izuzetaka.
- Prvo spominjanje
- Puni naziv — „Protocore Pay“, „Protocore Gateway“. Poslije toga samo naziv proizvoda.
- PDS
- Skraćenica za Protocore Design System. Pri prvom spominjanju napišite puni naziv, poslije toga PDS.
- Kompanija
- Protocore — jedna riječ, veliko P. Nikad ProtoCore, PROTOCORE ni Proto Core.
Upotreba
Ovako da, ovako ne.
Pravila iz press kita, proširena na cijeli sistem.
- 01Ostavite slobodan prostor jednak širini znaka sa svih strana.
- 02Crnu varijantu koristite na svijetlim pozadinama, a bijelu na tamnim.
- 03Akcent varijantu koristite samo na podlogama boje tuša (#0a0a0a).
- 04Skalirajte iz SVG datoteka — znak ostaje oštar u svakoj veličini.
- 05Koristite vertikalni lockup kad je format kvadratan.
- 06Ispod visine od 16 px koristite samo znak.
- 01Ne mijenjajte boju znaka mimo priloženih varijanti.
- 02Ne rotirajte, ne obrubljujte i ne dodajte sjene ili druge efekte.
- 03Ne precrtavajte znak i ne mijenjajte njegove proporcije.
- 04Ne postavljajte naziv Protocore u drugom fontu — lockupi koriste Roboto Medium.
- 05Ne stavljajte akcentnu zelenu na bijelu podlogu — za akcentni tekst tamo koristite #0e9e6e.
- 06Ne stavljajte znak na fotografije ni gradijente — samo na punu tintu ili papir.
Datoteke
Ponesite sistem sa sobom.
Vodič kao PDF, resursi u jednom zip-u. Svaka pojedinačna datoteka je na stranici za medije.