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.

Znak

Samostalno u malim veličinama — favicon, ikonice aplikacija i svuda gde naziv ne bi ostao čitljiv.

Protocore
Horizontalni lockup

Znak pored naziva. Podrazumevana varijanta — zaglavlja, dokumenti i potpisi.

Protocore
Vertikalni lockup

Znak iznad naziva. Za kvadratne formate — kartice za društvene mreže, pločice i pečate.

Avatar pločice

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.

Znak na 16 px — digitalni minimum.
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.

Mastilo
#0a0a0a
rgb 10 · 10 · 10

Tekst na svetloj podlozi. Tamne površine.

Papir
#fafafa
rgb 250 · 250 · 250

Svetle pozadine stranica.

Bela
#ffffff
rgb 255 · 255 · 255

Kartice na papiru. Tekst na mastilu.

Akcent
#3fcf8e
rgb 63 · 207 · 142

Zelena — samo na tamnim površinama.

Svetli akcent
#0e9e6e
rgb 14 · 158 · 110

Akcentni tekst na beloj podlozi — linkovi i oznake.

Tipografija

Roboto vodi reč.

Dve porodice pokrivaju sve. Bez trećeg pisma, bez kurziva za isticanje.

Dvanaest proizvoda na jednom jezgru.
Roboto 400 · 500 · 700

UI i naslovi — 400 za osnovni tekst, 500 za naslove i lockup, 700 retko.

/// FACT SHEET · 12
Roboto Mono 400

Oznake, nadnaslovi i brojevi — velika slova, široko razmaknuta.

Regular 400Medium 500Bold 700
/// SECTION LABEL

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.

01Kratke izjavne rečeniceJedna ideja po rečenici. Izbacite svaku surečenicu koja može da ode.
02Konkretni brojeviSamo stvarne cifre — dvanaest proizvoda, jedno jezgro. Bolje bez broja nego sa zaokruženim naviše.
03Bez reklamnih pridevaRevolucionarno, besprekorno, najsavremenije — brisati čim se pojave. Posao radi imenica.
04Bez regulatornih tvrdnjiNikada ne navodite niti sugerišite licence, registracije ili status usklađenosti u brend tekstu.
05Veliko slovo samo na početkuUI tekst, naslovi i dugmad pišu se velikim slovom samo na početku rečenice. Velika slova pripadaju isključivo mono oznakama.

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.

Radite
  • 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.
Ne radite
  • 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.