Brandguide

Ét mærke, ét grønt, én stemme.

Hele Protocores brandsystem — logo, frirum, farve, typografi, tone og navngivning — på én side. Læs det her, eller tag PDF'en.

Logosystem

Fire måder at sætte mærket på.

Kernemærket med facetter er det eneste tegnede element. Lockups placerer navnet ved siden af eller under det i Roboto Medium — tegn aldrig nogen af delene om.

Mærket

Alene i små størrelser — favicons, app-ikoner og overalt, hvor navnet ikke ville kunne læses.

Protocore
Horisontal lockup

Mærket ved siden af navnet. Standarden — til sidehoveder, dokumenter og signaturer.

Protocore
Stablet lockup

Mærket over navnet. Til kvadratiske placeringer — sociale kort, felter og stempler.

Avatarfelter

Mærket centreret på et ensfarvet felt på 1024 px. Til profilbilleder på alle platforme.

Frirum og størrelse

Luft omkring, en grænse nedad.

To faste tal sikrer, at mærket er læsbart overalt, hvor det optræder.

Frirum — én mærkebredde på alle fire sider.

Mærket i 16 px — den digitale mindstegrænse.
Frirum
Mærkets egen bredde på alle fire sider. Intet må trænge ind i det — hverken tekst, streger eller sidekanter.
Minimumshøjde · digital
16 px. Under det mister mærket sin læsbarhed — brug mærket alene, aldrig en lockup.
Minimumshøjde · print
6 mm.

Farve

Fem farver, faste roller.

Næsten monokrom som udgangspunkt. Det grønne er en accent, ikke et tema — det fylder aldrig store flader.

Ink
#0a0a0a
rgb 10 · 10 · 10

Tekst på lys baggrund. Mørke flader.

Papir
#fafafa
rgb 250 · 250 · 250

Lyse sidebaggrunde.

Hvid
#ffffff
rgb 255 · 255 · 255

Kort på paper. Tekst på ink.

Accent
#3fcf8e
rgb 63 · 207 · 142

Det grønne — kun på mørke flader.

Lys accent
#0e9e6e
rgb 14 · 158 · 110

Accenttekst på hvid — links og labels.

Typografi

Roboto fører ordet.

To skrifttypefamilier dækker det hele. Ingen tredje skrifttype, ingen kursiv til fremhævning.

Tolv produkter på én kerne.
Roboto 400 · 500 · 700

UI og overskrifter — 400 til brødtekst, 500 til overskrifter og lockups, 700 sparsomt.

/// FACT SHEET · 12
Roboto Mono 400

Labels, eyebrows og tal — versaler, med bred sporing.

Regular 400Medium 500Bold 700
/// SECTION LABEL

Sektionslabels begynder med tre skråstreger og et mellemrum — sat i Roboto Mono, versaler, med bred sporing. Skråstregerne er indtastede tegn, ikke tegnet grafik.

Stemme og tone

Sig mindre, og mén det.

Fem regler dækker enhver linje Protocore-tekst, fra overskrifter til knapper.

01Korte, jævne sætningerÉn idé pr. sætning. Skær hver bisætning væk, der kan undværes.
02Konkrete talKun rigtige tal — tolv produkter, én kerne. Intet tal er bedre end et rundet op.
03Ingen hype-adjektiverRevolutionerende, gnidningsløs, banebrydende — slettes på stedet. Navneordet gør arbejdet.
04Ingen regulatoriske udsagnAngiv eller antyd aldrig licenser, registreringer eller compliance-status i brandtekster.
05Almindelig sætningsskrivningUI-tekst, overskrifter og knapper skrives med stort kun i begyndelsen af sætningen. Versaler hører kun til mono-labels.

Navngivning

Produkter bærer familienavnet.

Ét mønster, uden undtagelser.

Første omtale
Fuldt navn — “Protocore Pay”, “Protocore Gateway”. Derefter kun produktnavnet.
PDS
Forkortelse for Protocore Design System. Skriv det ud ved første omtale; derefter PDS.
Virksomheden
Protocore — ét ord, stort P. Aldrig ProtoCore, PROTOCORE eller Proto Core.

Brug

Gør sådan, ikke sådan.

Reglerne fra pressekittet, udvidet til hele systemet.

Gør
  • 01Hold frirum svarende til mærkets bredde på alle sider.
  • 02Brug den sorte variant på lyse baggrunde og den hvide på mørke.
  • 03Brug kun accentvarianten på ink-flader (#0a0a0a).
  • 04Skalér ud fra SVG-filerne — mærket forbliver skarpt i alle størrelser.
  • 05Brug den stablede lockup, når placeringen er kvadratisk.
  • 06Skift til mærket alene under 16 px i højden.
Undgå
  • 01Omfarv ikke mærket ud over de leverede varianter.
  • 02Rotér det ikke, giv det ikke kontur, og tilføj ikke skygger eller andre effekter.
  • 03Tegn ikke mærket om, og ændr ikke dets proportioner.
  • 04Sæt ikke Protocore-navnet i en anden skrifttype — lockups bruger Roboto Medium.
  • 05Placér ikke det grønne accent på hvid — brug #0e9e6e til accenttekst dér.
  • 06Placér ikke mærket på fotografi eller farveforløb — kun ensfarvet ink eller paper.