Udhëzuesi i markës

Një simbol, një e gjelbër, një zë.

Sistemi i plotë i markës Protocore — logo, hapësira e lirë, ngjyra, shkronjat, toni dhe emërtimi — në një faqe. Lexojeni këtu ose merrni PDF-në.

Sistemi i logos

Katër mënyra për ta vendosur simbolin.

Simboli me faceta të bërthamës është i vetmi material i vizatuar. Lockup-et e vendosin emrin pranë ose poshtë tij në Roboto Medium — asnjërin mos e ridizajnoni kurrë.

Simboli

Vetëm, në përmasa të vogla — favicon-e, ikona aplikacionesh dhe kudo ku emri nuk do të lexohej dot.

Protocore
Lockup horizontal

Simboli pranë emrit. Varianti bazë — për header-a, dokumente dhe nënshkrime.

Protocore
Lockup vertikal

Simboli mbi emrin. Për formate katrore — karta sociale, pllaka dhe vula.

Pllaka avatari

Simboli në qendër të një pllake 1024 px me ngjyrë të plotë. Për foto profili në çdo platformë.

Hapësira e lirë & përmasat

Hapësirë përreth, kufi poshtë.

Dy numra të prerë e mbajnë simbolin të lexueshëm kudo që shfaqet.

Hapësira e lirë — një gjerësi simboli në të katër anët.

Simboli në 16 px — kufiri dixhital.
Hapësira e lirë
Gjerësia e vetë simbolit, në të katër anët. Asgjë nuk hyn aty — as tekst, as vija, as skaje faqeje.
Lartësia minimale · dixhital
16 px. Më poshtë humbet lexueshmëria — përdor vetëm simbolin, kurrë lockup.
Lartësia minimale · shtyp
6 mm.

Ngjyra

Pesë ngjyra, role të rrepta.

Pothuajse monokrome si parazgjedhje. Jeshilja është theks, jo temë — nuk mbush kurrë sipërfaqe të mëdha.

Bojë
#0a0a0a
rgb 10 · 10 · 10

Tekst mbi sfond të çelët. Sipërfaqe të errëta.

Letër
#fafafa
rgb 250 · 250 · 250

Sfonde faqesh të çelëta.

E bardhë
#ffffff
rgb 255 · 255 · 255

Karta mbi letër. Tekst mbi bojë.

Theksi
#3fcf8e
rgb 63 · 207 · 142

Jeshilja — vetëm mbi sipërfaqe të errëta.

Theks i çelët
#0e9e6e
rgb 14 · 158 · 110

Tekst theksi mbi të bardhë — lidhje dhe etiketa.

Tipografia

Roboto flet për ne.

Dy familje mbulojnë gjithçka. Pa shkronjë të tretë, pa kursiv për theksim.

Dymbëdhjetë produkte mbi një bërthamë.
Roboto 400 · 500 · 700

UI dhe titujt — 400 për tekstin, 500 për titujt dhe lockup-et, 700 rrallë.

/// FACT SHEET · 12
Roboto Mono 400

Etiketa, eyebrow-e dhe numra — shkronja të mëdha, me hapësirë të gjerë.

Regular 400Medium 500Bold 700
/// SECTION LABEL

Etiketat e seksioneve fillojnë me tri vija të pjerrëta dhe një hapësirë — në Roboto Mono, shkronja të mëdha, me hapësirë të gjerë. Vijat janë karaktere të shtypura, jo grafikë e vizatuar.

Zëri & toni

Thuaj më pak, e mendoje.

Pesë rregulla mbulojnë çdo rresht teksti të Protocore, nga titujt te butonat.

01Fjali të shkurtra dhe dëftoreNjë ide për fjali. Hiq çdo togfjalësh që mund të hiqet.
02Numra konkretëVetëm shifra reale — dymbëdhjetë produkte, një bërthamë. Asnjë numër nuk bën më mirë se një i rrumbullakosur lart.
03Pa mbiemra reklamuesRevolucionar, pa ndërprerje, i fundit i teknologjisë — fshije menjëherë. Emri e bën punën.
04Pa pretendime rregullatoreMos thuaj dhe mos nënkupto kurrë licenca, regjistrime ose status përputhshmërie në tekstet e markës.
05Shkronja e madhe vetëm në fillimTeksti i UI-t, titujt dhe butonat përdorin shkronjë të madhe vetëm në fillim të fjalisë. Shkronjat e mëdha janë vetëm për etiketat mono.

Emërtimi

Produktet mbajnë emrin e familjes.

Një model, pa përjashtim.

Përmendja e parë
Emri i plotë — “Protocore Pay”, “Protocore Gateway”. Pastaj, vetëm emri i produktit.
PDS
Shkurtim për Protocore Design System. Zgjeroje në përmendjen e parë; pastaj PDS.
Kompania
Protocore — një fjalë, P e madhe. Kurrë ProtoCore, PROTOCORE ose Proto Core.

Përdorimi

Bëj kështu, jo kështu.

Rregullat e press kit-it, të zgjeruara për të gjithë sistemin.

Bëj
  • 01Lini hapësirë të lirë sa gjerësia e simbolit nga të gjitha anët.
  • 02Përdorni variantin e zi mbi sfonde të çelëta dhe atë të bardhë mbi sfonde të errëta.
  • 03Variantin me theks ruajeni për sipërfaqe ink (#0a0a0a).
  • 04Shkallëzojeni nga skedarët SVG — simboli mbetet i qartë në çdo përmasë.
  • 05Përdor lockup-in vertikal kur formati është katror.
  • 06Kalo te simboli i vetëm nën 16 px lartësi.
Mos bëj
  • 01Mos e ngjyros simbolin përtej varianteve të ofruara.
  • 02Mos e rrotulloni, mos e konturoni dhe mos shtoni hije a efekte të tjera.
  • 03Mos e ridizajnoni simbolin dhe mos ndryshoni përmasat e tij.
  • 04Mos e shkruani emrin Protocore me një shkronjë tjetër — lockup-et përdorin Roboto Medium.
  • 05Mos e vendos jeshilen e theksit mbi të bardhë — aty përdor #0e9e6e për tekstin e theksit.
  • 06Mos e vendos simbolin mbi fotografi apo gradientë — vetëm bojë ose letër e plotë.