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ë.
Vetëm, në përmasa të vogla — favicon-e, ikona aplikacionesh dhe kudo ku emri nuk do të lexohej dot.
Simboli pranë emrit. Varianti bazë — për header-a, dokumente dhe nënshkrime.
Simboli mbi emrin. Për formate katrore — karta sociale, pllaka dhe vula.
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.
- 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.
Tekst mbi sfond të çelët. Sipërfaqe të errëta.
Sfonde faqesh të çelëta.
Karta mbi letër. Tekst mbi bojë.
Jeshilja — vetëm mbi sipërfaqe të errëta.
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.
UI dhe titujt — 400 për tekstin, 500 për titujt dhe lockup-et, 700 rrallë.
Etiketa, eyebrow-e dhe numra — shkronja të mëdha, me hapësirë të gjerë.
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.
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.
- 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.
- 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ë.
Skedarët
Merre sistemin me vete.
Udhëzuesi si PDF, materialet në një zip. Çdo skedar më vete është te faqja e shtypit.