Vodič kroz brend
Jedan znak, jedna zelena, jedan glas.
Cjelovit brend sustav Protocorea — logotip, slobodan prostor, boje, tipografija, glas i imenovanje — na jednoj stranici. Pročitajte ga ovdje ili preuzmite PDF.
Sustav logotipa
Četiri načina postavljanja znaka.
Fasetirani znak jezgre jedini je nacrtani element. Lockupi postavljaju naziv pokraj ili ispod njega u fontu Roboto Medium — nikada ne precrtavajte ni jedno ni drugo.
Samostalno u malim veličinama — favikoni, ikone aplikacija i svugdje gdje naziv ne bi ostao čitljiv.
Znak pokraj naziva. Zadana inačica — za zaglavlja, dokumente i potpise.
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 njega.
Dva stroga broja čuvaju čitljivost znaka na svakom mjestu na kojem se pojavljuje.
Zaštitni prostor — širina jednog znaka sa sve četiri strane.
- Zaštitni prostor
- Širina samog znaka, sa sve četiri strane. U taj prostor ne ulazi ništa — ni tekst, ni linije, ni rubovi stranice.
- Minimalna visina · digitalno
- 16 px. Ispod toga čitljivost nestaje — koristite samo znak, nikada lockup.
- Minimalna visina · tisak
- 6 mm.
Boja
Pet boja, stroge uloge.
Gotovo monokromatski prema zadanim postavkama. Zelena je akcent, a ne tema — nikada 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 podlozi — poveznice i oznake.
Tipografija
Roboto vodi riječ.
Dvije obitelji pokrivaju sve. Nema trećeg pisma, nema kurziva za isticanje.
Sučelje i naslovi — 400 za tekst, 500 za naslove i lockupe, 700 štedljivo.
Oznake, eyebrowi i brojevi — velika slova, široki razmak.
Oznake sekcija počinju s tri kose crte i razmakom — postavljene u fontu Roboto Mono, velikim slovima, s širokim razmakom. Kose crte su otipkani znakovi, a ne nacrtana grafika.
Glas i ton
Reci manje, misli ozbiljno.
Pet pravila pokriva svaki redak Protocore tekstova, od naslova do oznaka na gumbima.
Imenovanje
Proizvodi nose ime obitelji.
Jedan obrazac, bez iznimke.
- Prvo spominjanje
- Puni naziv — „Protocore Pay”, „Protocore Gateway”. Nakon toga samo naziv proizvoda.
- PDS
- Skraćeno od Protocore Design System. Pri prvom spominjanju napiši puni naziv, nakon toga PDS.
- Tvrtka
- Protocore — jedna riječ, veliko P. Nikada ProtoCore, PROTOCORE ni Proto Core.
Primjena
Radi ovako, ne onako.
Pravila iz press kita, proširena na cijeli sustav.
- 01Ostavite slobodan prostor jednak širini znaka sa svih strana.
- 02Crnu varijantu koristite na svijetlim, a bijelu na tamnim pozadinama.
- 03Akcentnu varijantu koristite samo na podlogama boje tinte (#0a0a0a).
- 04Skalirajte iz SVG datoteka — znak ostaje oštar u svakoj veličini.
- 05Koristi složeni lockup kada je format kvadratan.
- 06Ispod visine od 16 px koristi samo znak.
- 01Ne mijenjaj boju znaka izvan priloženih inačica.
- 02Ne rotirajte znak, ne dodajte mu obrub, sjene ni druge efekte.
- 03Ne precrtavajte znak niti mijenjajte njegove proporcije.
- 04Naziv Protocore ne postavljajte u drugom fontu — lockupi koriste Roboto Medium.
- 05Ne stavljaj akcentnu zelenu na bijelo — tamo za akcentni tekst koristi #0e9e6e.
- 06Ne stavljaj znak na fotografije ni gradijente — samo na punu tintu ili papir.
Datoteke
Ponesi sustav sa sobom.
Vodič kao PDF, resursi u jednom zipu. Svaka pojedinačna datoteka nalazi se na stranici za medije.