Varumärkesguide
Ett märke, ett grönt, en röst.
Hela Protocores varumärkessystem – logotyp, frizon, färg, typografi, tonalitet och namngivning – på en sida. Läs det här eller ta PDF:en.
Logotypsystem
Fyra sätt att sätta märket.
Märket med fasetterad kärna är den enda ritade tillgången. Lockups placerar namnet bredvid eller under det i Roboto Medium – rita aldrig om någotdera.
Ensamt i små storlekar – favicons, appikoner och överallt där namnet inte skulle förbli läsbart.
Märket bredvid namnet. Standardvarianten – för sidhuvuden, dokument och signaturer.
Märket ovanför namnet. För kvadratiska ytor – sociala kort, brickor och stämplar.
Märket centrerat på en enfärgad bricka på 1024 px. För profilbilder på alla plattformar.
Frizon & storlek
Luft runt om, en gräns nedåt.
Två fasta mått håller märket läsbart överallt där det visas.
Frizon – en märkesbredd på alla fyra sidor.
- Frizon
- Märkets egen bredd, på alla fyra sidor. Inget får komma in i den – ingen text, inga linjer, inga sidkanter.
- Minsta höjd · digitalt
- 16 px. Under det blir märket svårläst – använd bara märket, aldrig en lockup.
- Minsta höjd · tryck
- 6 mm.
Färg
Fem färger, strikta roller.
Nästan monokromt som standard. Det gröna är en accent, inte ett tema – det fyller aldrig stora ytor.
Text på ljus bakgrund. Mörka ytor.
Ljusa sidbakgrunder.
Kort på paper. Text på ink.
Det gröna – endast på mörka ytor.
Accenttext på vitt – länkar och etiketter.
Typografi
Roboto sköter snacket.
Två typsnittsfamiljer räcker till allt. Inget tredje typsnitt, ingen kursiv för betoning.
Gränssnitt och rubriker – 400 för brödtext, 500 för rubriker och lockups, 700 sparsamt.
Etiketter, eyebrows och siffror – versaler, med vid teckenspärrning.
Avsnittsetiketter inleds med tre snedstreck och ett mellanslag – satta i Roboto Mono, versaler, med vid teckenspärrning. Snedstrecken är skrivna tecken, inte ritad grafik.
Röst & tonläge
Säg mindre, mena det.
Fem regler täcker varje rad Protocore-text, från rubriker till knappetiketter.
Namngivning
Produkterna bär familjenamnet.
Ett mönster, utan undantag.
- Första omnämnandet
- Fullständigt namn – ”Protocore Pay”, ”Protocore Gateway”. Därefter bara produktnamnet.
- PDS
- Förkortning för Protocore Design System. Skriv ut det vid första omnämnandet, därefter PDS.
- Företaget
- Protocore – ett ord, stort P. Aldrig ProtoCore, PROTOCORE eller Proto Core.
Användning
Gör så här, inte så.
Reglerna från pressmaterialet, utvidgade till hela systemet.
- 01Lämna fritt utrymme lika med märkets bredd på alla sidor.
- 02Använd den svarta varianten på ljusa bakgrunder och den vita på mörka.
- 03Använd accentvarianten endast på ink-ytor (#0a0a0a).
- 04Skala från SVG-filerna – märket förblir skarpt i alla storlekar.
- 05Använd den staplade lockupen när ytan är kvadratisk.
- 06Byt till enbart märket under 16 px höjd.
- 01Färga inte om märket utöver de medföljande varianterna.
- 02Rotera inte, gör inte konturer och lägg inte till skuggor eller andra effekter.
- 03Rita inte om märket och ändra inte dess proportioner.
- 04Sätt inte namnet Protocore i ett annat typsnitt – lockups använder Roboto Medium.
- 05Placera inte den gröna accentfärgen på vitt – använd #0e9e6e för accenttext där.
- 06Lägg inte märket på fotografier eller gradienter – bara enfärgat ink eller paper.
Filer
Ta med dig systemet.
Guiden som PDF, tillgångarna i en zip. Varje enskild fil finns på pressidan.