Guia de marca

Una marca, un verd, una veu.

El sistema de marca complet de Protocore — logotip, espai de seguretat, color, tipografia, to i nomenclatura — en una sola pàgina. Llegeix-lo aquí o descarrega el PDF.

Sistema de logotip

Quatre maneres de col·locar la marca.

La marca de nucli facetat és l'únic recurs dibuixat. Els lockups situen el nom al costat o a sota en Roboto Medium; no redibuixis mai cap dels dos.

La marca

Sola en mides petites: favicons, icones d'app i qualsevol lloc on el nom no es mantindria llegible.

Protocore
Lockup horitzontal

El símbol al costat del nom. L'opció per defecte: capçaleres, documents i signatures.

Protocore
Lockup apilat

El símbol sobre el nom. Per a espais quadrats: targetes socials, mosaics i segells.

Mosaics d'avatar

El símbol centrat sobre un mosaic llis de 1024 px. Per a fotos de perfil a qualsevol plataforma.

Espai de seguretat i mida

Aire al voltant, un mínim al darrere.

Dues xifres fixes mantenen el símbol llegible allà on apareix.

Espai de seguretat: l'amplada d'un símbol als quatre costats.

El símbol a 16 px: el mínim digital.
Espai de seguretat
L'amplada del propi símbol, als quatre costats. Res hi entra: ni text, ni filets, ni vores de pàgina.
Alçada mínima · digital
16 px. Per sota, es perd la llegibilitat: useu només el símbol, mai un lockup.
Alçada mínima · impressió
6 mm.

Color

Cinc colors, funcions estrictes.

Gairebé monocrom per defecte. El verd és un accent, no un tema: mai omple àrees grans.

Tinta
#0a0a0a
rgb 10 · 10 · 10

Text sobre fons clar. Superfícies fosques.

Paper
#fafafa
rgb 250 · 250 · 250

Fons de pàgina clars.

Blanc
#ffffff
rgb 255 · 255 · 255

Targetes sobre paper. Text sobre tinta.

Accent
#3fcf8e
rgb 63 · 207 · 142

El verd, només per a superfícies fosques.

Accent clar
#0e9e6e
rgb 14 · 158 · 110

Text d'accent sobre blanc: enllaços i etiquetes.

Tipografia

Roboto porta la veu.

Dues famílies ho cobreixen tot. Cap tercera tipografia, ni cursives per emfatitzar.

Dotze productes en un sol core.
Roboto 400 · 500 · 700

Interfície i titulars: 400 per al cos, 500 per a titulars i lockups, 700 amb comptagotes.

/// FACT SHEET · 12
Roboto Mono 400

Etiquetes, eyebrows i números: en majúscules, amb molt d'espaiat entre lletres.

Regular 400Medium 500Bold 700
/// SECTION LABEL

Les etiquetes de secció comencen amb tres barres i un espai, en Roboto Mono, en majúscules i amb molt d'espaiat. Les barres són caràcters escrits, no un dibuix.

Veu i to

Digues menys, i que compti.

Cinc regles cobreixen cada línia de text de Protocore, dels titulars a les etiquetes dels botons.

01Frases curtes i declarativesUna idea per frase. Elimina totes les subordinades que es puguin treure.
02Xifres concretesNomés dades reals: dotze productes, un sol core. Cap número és millor que un d'arrodonit a l'alça.
03Sense adjectius grandiloqüentsRevolucionari, fluid, d'avantguarda: fora a la primera. El nom fa la feina.
04Sense afirmacions regulatòriesNo esmentis ni insinuïs mai llicències, registres o estat de compliment normatiu als textos de marca.
05Majúscula només a l'iniciEls textos d'interfície, els titulars i els botons només duen majúscula inicial. Les majúscules són exclusives de les etiquetes mono.

Nomenclatura

Els productes duen el nom de la família.

Un sol patró, sense excepcions.

Primera menció
Nom complet: «Protocore Pay», «Protocore Gateway». Després, només el nom del producte.
PDS
Abreviatura de Protocore Design System. Desplega-la a la primera menció; després, PDS.
L'empresa
Protocore: una sola paraula, amb P majúscula. Mai ProtoCore, PROTOCORE ni Proto Core.

Ús

Fes això, no allò.

Les regles del press kit, ampliades a tot el sistema.

Fer
  • 01Deixa un espai lliure igual a l'amplada de la marca per tots els costats.
  • 02Fes servir la variant negra sobre fons clars i la blanca sobre fons foscos.
  • 03Reserva la variant d'accent per a superfícies de tinta (#0a0a0a).
  • 04Escala a partir dels fitxers SVG: la marca es manté nítida en qualsevol mida.
  • 05Utilitza el lockup apilat quan l'espai sigui quadrat.
  • 06Passa a només el símbol per sota dels 16 px d'alçada.
No fer
  • 01No recoloreu el símbol més enllà de les variants proporcionades.
  • 02No la giris, no la contornegis ni hi afegeixis ombres o altres efectes.
  • 03No redibuixis la marca ni en canviïs les proporcions.
  • 04No composis el nom Protocore en una altra tipografia: els lockups usen Roboto Medium.
  • 05No posis el verd d'accent sobre blanc: allà fes servir #0e9e6e per al text d'accent.
  • 06No posis el símbol sobre fotografies ni degradats: només tinta o paper llisos.