Arculati kézikönyv
Egy jel, egy zöld, egy hang.
A teljes Protocore arculati rendszer — logó, védőtér, szín, tipográfia, hangnem és elnevezés — egy oldalon. Olvasd itt, vagy töltsd le PDF-ben.
Logórendszer
A jel négyféle használata.
A fazettált mag jel az egyetlen rajzolt elem. A lockupokban a név mellette vagy alatta áll, Roboto Medium betűtípussal — egyiket se rajzold újra.
Önállóan, kis méretben — favicononként, appikonként és mindenhol, ahol a név nem maradna olvasható.
A jel a név mellett. Az alapértelmezett — fejlécekhez, dokumentumokhoz és aláírásokhoz.
A jel a név felett. Négyzetes felületekre — közösségi kártyákhoz, csempékhez és bélyegzőkhöz.
A jel középen, egyszínű, 1024 px-es csempén. Profilképnek bármely platformon.
Védőtér és méret
Hely körülötte, alsó határ alatta.
Két szigorú érték gondoskodik arról, hogy a jel mindenhol olvasható maradjon.
Védőtér — egy jelszélesség mind a négy oldalon.
- Védőtér
- A jel saját szélessége mind a négy oldalon. Semmi nem kerülhet bele — sem szöveg, sem vonal, sem az oldal széle.
- Minimális magasság · digitális
- 16 px. Ez alatt az olvashatóság elvész — ilyenkor csak a jelet használd, soha ne lockupot.
- Minimális magasság · nyomtatott
- 6 mm.
Szín
Öt szín, szigorú feladatok.
Alapvetően közel egyszínű. A zöld kiemelőszín, nem téma — soha nem tölt ki nagy felületeket.
Szöveg világos háttéren. Sötét felületek.
Világos oldalháttér.
Kártyák papíron. Szöveg tintán.
A zöld — kizárólag sötét felületeken.
Kiemelő szöveg fehér alapon — linkek és címkék.
Tipográfia
A Roboto beszél helyettünk.
Két betűcsalád elég mindenre. Harmadik betűtípus nincs, a kiemelés nem dőlt betűvel történik.
UI és címsorok — törzsszöveg 400-as, címsorok és lockupok 500-as vastagsággal, a 700-as csak módjával.
Címkék, eyebrow-k és számok — nagybetűvel, szellősen futtatva.
A szekciócímkék három perjellel és egy szóközzel kezdődnek — Roboto Monóval szedve, nagybetűvel, szellősen futtatva. A perjelek begépelt karakterek, nem rajzolt grafika.
Hang és stílus
Mondj kevesebbet, de komolyan.
Öt szabály lefed minden Protocore-szöveget, a címsoroktól a gombfeliratokig.
Elnevezés
A termékek viselik a családnevet.
Egyetlen minta, kivétel nélkül.
- Első említés
- Teljes név — „Protocore Pay”, „Protocore Gateway”. Utána már csak a terméknév.
- PDS
- A Protocore Design System rövidítése. Első említéskor írd ki; utána PDS.
- A cég
- Protocore — egy szó, nagy P. Soha ProtoCore, PROTOCORE vagy Proto Core.
Használat
Így igen, így nem.
A sajtócsomag szabályai, kiterjesztve a teljes rendszerre.
- 01Hagyj szabad teret a jel szélességének megfelelően minden oldalon.
- 02Világos háttéren a fekete, sötéten a fehér változatot használd.
- 03Az akcent változatot tartsd fenn az ink (#0a0a0a) felületeknek.
- 04Az SVG fájlokból skálázz — a jel bármekkora méretben éles marad.
- 05Négyzetes felületen az egymás alatti lockupot használd.
- 0616 px magasság alatt válts a jelre önmagában.
- 01Ne színezd át a jelet a megadott változatokon túl.
- 02Ne forgasd, ne keretezd, és ne adj hozzá árnyékot vagy más effektet.
- 03Ne rajzold újra a jelet, és ne változtasd az arányait.
- 04Ne szedd a Protocore nevet másik betűtípussal — a lockupok Roboto Mediumot használnak.
- 05Ne tedd az akcentzöldet fehér alapra — ott a #0e9e6e színt használd kiemelő szövegnek.
- 06Ne tedd a jelet fotóra vagy színátmenetre — csak egyszínű tinta- vagy papírháttérre.
Fájlok
Vidd magaddal a rendszert.
Az útmutató PDF-ben, az anyagok egyetlen zipben. Minden egyes fájl a sajtóoldalon található.