Brändiopas
Yksi tunnus, yksi vihreä, yksi ääni.
Protocoren koko brändijärjestelmä — logo, suoja-alue, väri, typografia, ääni ja nimeäminen — yhdellä sivulla. Lue se täältä tai lataa PDF.
Logojärjestelmä
Neljä tapaa asettaa tunnus.
Fasetoitu ydintunnus on ainoa piirretty aineisto. Lockupeissa nimi asetetaan sen viereen tai alle Roboto Mediumilla — älä piirrä kumpaakaan uudelleen.
Yksinään pienissä koissa — favicoineissa, sovelluskuvakkeissa ja kaikkialla, missä nimi ei pysyisi luettavana.
Tunnus nimen vieressä. Oletusversio — ylätunnisteisiin, asiakirjoihin ja allekirjoituksiin.
Tunnus nimen yläpuolella. Neliömäisiin sijoituksiin — somekortteihin, laattoihin ja leimoihin.
Tunnus keskitettynä yksivärisellä 1024 px:n laatalla. Profiilikuviin kaikilla alustoilla.
Suoja-alue ja koko
Tilaa ympärillä, alaraja alla.
Kaksi tiukkaa lukua pitävät tunnuksen luettavana kaikkialla, missä se esiintyy.
Suoja-alue — yhden tunnuksen leveys joka sivulla.
- Suoja-alue
- Tunnuksen oma leveys joka sivulla. Sen sisään ei tule mitään — ei tekstiä, ei viivoja, ei sivun reunoja.
- Vähimmäiskorkeus · digitaalinen
- 16 px. Sitä pienempänä luettavuus katoaa — käytä pelkkää tunnusta, ei koskaan logoyhdistelmää.
- Vähimmäiskorkeus · painettu
- 6 mm.
Väri
Viisi väriä, tiukat tehtävät.
Oletuksena lähes yksivärinen. Vihreä on korostus, ei teema — se ei koskaan täytä suuria alueita.
Teksti vaalealla pohjalla. Tummat pinnat.
Vaaleat sivutaustat.
Kortit paperin päällä. Teksti musteen päällä.
Vihreä — vain tummilla pinnoilla.
Korostusteksti valkoisella — linkit ja nimikkeet.
Typografia
Roboto hoitaa puhumisen.
Kaksi kirjasinperhettä kattaa kaiken. Ei kolmatta kirjasinta, ei kursiivia painotukseen.
Käyttöliittymä ja otsikot — 400 leipätekstiin, 500 otsikoihin ja logoyhdistelmiin, 700 harkiten.
Nimikkeet, yläotsikot ja numerot — versaalit, väljä kirjainväli.
Osioiden yläotsikot alkavat kolmella vinoviivalla ja välilyönnillä — Roboto Monolla, versaaleilla ja väljällä kirjainvälillä. Vinoviivat ovat kirjoitettuja merkkejä, ei piirrettyä grafiikkaa.
Ääni ja sävy
Sano vähemmän, tarkoita sitä.
Viisi sääntöä kattaa jokaisen Protocoren tekstirivin otsikoista painikkeiden nimiin.
Nimeäminen
Tuotteet kantavat perheen nimeä.
Yksi malli, ilman poikkeuksia.
- Ensimmäinen maininta
- Koko nimi — “Protocore Pay”, “Protocore Gateway”. Sen jälkeen pelkkä tuotteen nimi.
- PDS
- Lyhenne sanoista Protocore Design System. Avaa lyhenne ensimmäisellä maininnalla, sen jälkeen PDS.
- Yritys
- Protocore — yksi sana, iso P. Ei koskaan ProtoCore, PROTOCORE tai Proto Core.
Käyttö
Näin kyllä, näin ei.
Lehdistömateriaalin säännöt laajennettuna koko järjestelmään.
- 01Jätä tunnuksen ympärille joka puolelle vapaata tilaa tunnuksen leveyden verran.
- 02Käytä mustaa versiota vaaleilla taustoilla ja valkoista tummilla.
- 03Käytä korostusväriversiota vain musteen (#0a0a0a) värisillä pinnoilla.
- 04Skaalaa SVG-tiedostoista — tunnus pysyy terävänä missä koossa tahansa.
- 05Käytä pystysuuntaista logoyhdistelmää, kun sijoitus on neliömäinen.
- 06Siirry pelkkään tunnukseen, kun korkeus jää alle 16 px:n.
- 01Älä väritä tunnusta uudelleen tarjottujen versioiden ulkopuolelle.
- 02Älä käännä tai ääriviivoita tunnusta äläkä lisää siihen varjoja tai muita tehosteita.
- 03Älä piirrä tunnusta uudelleen äläkä muuta sen mittasuhteita.
- 04Älä aseta Protocore-nimeä millään muulla fontilla — lockupeissa käytetään Roboto Mediumia.
- 05Älä aseta korostusvihreää valkoiselle — käytä siellä korostustekstiin väriä #0e9e6e.
- 06Älä aseta tunnusta valokuvan tai liukuvärin päälle — vain tasainen muste- tai paperipohja.
Tiedostot
Ota järjestelmä mukaasi.
Opas PDF-tiedostona, materiaalit yhtenä zip-pakettina. Jokainen tiedosto löytyy erikseen lehdistösivulta.