Прирачник за бренд

Еден знак, една зелена, еден глас.

Целиот бренд систем на Protocore — лого, празен простор, боја, фонт, глас и именување — на една страница. Прочитајте го овде или преземете го PDF-от.

Лого систем

Четири начини да се постави знакот.

Фасетираниот знак на јадрото е единствениот нацртан материјал. Lockup-ите го поставуваат името покрај него или под него во Roboto Medium — никогаш не ги цртајте повторно.

Знакот

Самостојно во мали големини — favicon-и, икони на апликации и секаде каде името не би останало читливо.

Protocore
Хоризонтален lockup

Знакот покрај името. Стандардната верзија — за заглавија, документи и потписи.

Protocore
Вертикален lockup

Знакот над името. За квадратни формати — социјални картички, плочки и печати.

Аватар плочки

Знакот центриран на единечна плочка од 1024 px. За профилни слики на сите платформи.

Слободен простор и големина

Простор околу, граница под.

Два цврсти броја го одржуваат знакот читлив насекаде каде што се појавува.

Слободен простор — една ширина на знакот на сите четири страни.

Знакот на 16 px — дигиталниот минимум.
Слободен простор
Ширината на самиот знак, на сите четири страни. Ништо не влегува во него — ни текст, ни линии, ни рабови на страница.
Минимална висина · дигитално
16 px. Под тоа читливоста се губи — користете го само знакот, никогаш lockup.
Минимална висина · печат
6 mm.

Боја

Пет бои, строги улоги.

Речиси монохроматски по default. Зелената е акцент, а не тема — никогаш не исполнува големи површини.

Мастило
#0a0a0a
rgb 10 · 10 · 10

Текст на светла подлога. Темни површини.

Хартија
#fafafa
rgb 250 · 250 · 250

Светли позадини на страници.

Бела
#ffffff
rgb 255 · 255 · 255

Картички на хартија. Текст на мастило.

Акцент
#3fcf8e
rgb 63 · 207 · 142

Зелената — само на темни површини.

Светол акцент
#0e9e6e
rgb 14 · 158 · 110

Акцентен текст на бело — линкови и ознаки.

Типографија

Roboto зборува наместо нас.

Две фамилии покриваат сè. Без трет фонт, без курзив за истакнување.

Дванаесет производи на едно јадро.
Roboto 400 · 500 · 700

UI и наслови — 400 за основен текст, 500 за наслови и lockup, 700 штедливо.

/// FACT SHEET · 12
Roboto Mono 400

Ознаки, eyebrow-и и броеви — големи букви, широк размак.

Regular 400Medium 500Bold 700
/// SECTION LABEL

Ознаките на секциите започнуваат со три коси црти и празно место — во Roboto Mono, големи букви, широк размак. Косите црти се втипкани знаци, а не нацртана графика.

Глас и тон

Кажи помалку, мисли го тоа.

Пет правила го покриваат секој ред на Protocore текст, од наслови до копчиња.

01Кратки изјавни реченициЕдна идеја по реченица. Отстрани секоја клаузула што може да отпадне.
02Конкретни броевиСамо вистински бројки — дванаесет производи, едно јадро. Точен број е подобар од заоблен нагоре.
03Без придавки за хајпРеволуционерно, беспрекорно, најсовремено — бришете на прв поглед. Работата ја врши именката.
04Без регулаторни тврдењаНикогаш не наведувајте и не навестувајте лиценци, регистрации или статус на усогласеност во брендираниот текст.
05Мали и големи букви како во реченицаТекстот во UI, насловите и копчињата пишуваат како обична реченица. Големите букви припаѓаат само на mono ознаките.

Именување

Производите го носат семејното име.

Една шема, без исклучок.

Прво спомнување
Целосно име — „Protocore Pay“, „Protocore Gateway“. Потоа, само името на производот.
PDS
Кратенка за Protocore Design System. Објаснете ја при првото спомнување; потоа PDS.
Компанијата
Protocore — еден збор, големо P. Никогаш ProtoCore, PROTOCORE или Proto Core.

Употреба

Прави вака, не вака.

Правилата од press kit-от, проширени на целиот систем.

Да
  • 01Остави празен простор еднаков на ширината на знакот од сите страни.
  • 02Користи ја црната варијанта на светли позадини, а белата на темни.
  • 03Акцентната варијанта резервирај ја за површини во боја на мастило (#0a0a0a).
  • 04Скалирај од SVG датотеките — знакот останува остар во секоја големина.
  • 05Користете го вертикалниот lockup кога форматот е квадратен.
  • 06Префрлете се на самиот знак под 16 px висина.
Не
  • 01Не го преобојувајте знакот надвор од дадените варијанти.
  • 02Не го ротирај, не го контурирај и не додавај сенки или други ефекти.
  • 03Не го пцртувај знакот повторно и не ги менувај неговите пропорции.
  • 04Не го пишувај името Protocore во друг фонт — lockup-ите користат Roboto Medium.
  • 05Не ја ставајте акцентната зелена на бело — за акцентен текст таму користете #0e9e6e.
  • 06Не го ставајте знакот врз фотографија или градиент — само врз единечно мастило или хартија.