Guía de marca
Una marca, un verde, una voz.
El sistema de marca completo de Protocore —logotipo, espacio libre, color, tipografía, voz y nomenclatura— en una página. Léelo aquí o descarga el PDF.
Sistema de logotipo
Cuatro formas de usar la marca.
El isotipo facetado es el único recurso dibujado. Las composiciones sitúan el nombre al lado o debajo en Roboto Medium; no redibujes ninguno de los dos.
Solo, en tamaños pequeños: favicons, iconos de app y cualquier lugar donde el nombre no se leería bien.
El símbolo junto al nombre. La opción por defecto: cabeceras, documentos y firmas.
El símbolo sobre el nombre. Para formatos cuadrados: tarjetas sociales, mosaicos y sellos.
El símbolo centrado sobre un fondo sólido de 1024 px. Para fotos de perfil en cualquier plataforma.
Zona de seguridad y tamaño
Espacio alrededor, un mínimo debajo.
Dos cifras fijas mantienen el símbolo legible en cualquier lugar donde aparezca.
Zona de seguridad: un ancho del símbolo por los cuatro lados.
- Zona de seguridad
- El ancho del propio símbolo, por los cuatro lados. Nada entra en ella: ni texto, ni filetes, ni bordes de página.
- Altura mínima · digital
- 16 px. Por debajo, se pierde la legibilidad: usa solo el símbolo, nunca un lockup.
- Altura mínima · impresión
- 6 mm.
Color
Cinco colores, funciones estrictas.
Casi monocromo por defecto. El verde es un acento, no un tema: nunca cubre grandes superficies.
Texto sobre fondo claro. Superficies oscuras.
Fondos de página claros.
Tarjetas sobre papel. Texto sobre tinta.
El verde: solo sobre superficies oscuras.
Texto de acento sobre blanco: enlaces y etiquetas.
Tipografía
Roboto lleva la voz.
Dos familias lo cubren todo. Sin una tercera tipografía y sin cursivas para enfatizar.
Interfaz y títulos: 400 para el cuerpo, 500 para títulos y lockups, 700 con moderación.
Etiquetas, antetítulos y números: en mayúsculas y con tracking amplio.
Las etiquetas de sección empiezan con tres barras y un espacio, en Roboto Mono, en mayúsculas y con tracking amplio. Las barras son caracteres escritos, no un dibujo.
Voz y tono
Di menos, y que cuente.
Cinco reglas cubren cada línea de texto de Protocore, desde los titulares hasta los botones.
Nomenclatura
Los productos llevan el apellido de la familia.
Un patrón, sin excepciones.
- Primera mención
- Nombre completo: «Protocore Pay», «Protocore Gateway». Después, solo el nombre del producto.
- PDS
- Abreviatura de Protocore Design System. Desarróllala en la primera mención; después, PDS.
- La empresa
- Protocore: una sola palabra, con P mayúscula. Nunca ProtoCore, PROTOCORE ni Proto Core.
Uso
Haz esto, no aquello.
Las reglas del kit de prensa, ampliadas a todo el sistema.
- 01Deja un espacio libre igual al ancho de la marca en todos los lados.
- 02Usa la variante negra sobre fondos claros y la blanca sobre fondos oscuros.
- 03Reserva la variante de acento para superficies en tinta (#0a0a0a).
- 04Escala a partir de los archivos SVG: la marca se mantiene nítida a cualquier tamaño.
- 05Usa el lockup vertical cuando el formato sea cuadrado.
- 06Usa solo el símbolo por debajo de 16 px de altura.
- 01No recolorees el símbolo más allá de las variantes proporcionadas.
- 02No la gires, no le añadas contorno, sombras ni otros efectos.
- 03No redibujes la marca ni cambies sus proporciones.
- 04No escribas el nombre Protocore con otra tipografía: las composiciones usan Roboto Medium.
- 05No coloques el verde de acento sobre blanco: usa #0e9e6e para el texto de acento en ese caso.
- 06No pongas el símbolo sobre fotografías ni degradados: solo sobre tinta o papel lisos.
Archivos
Llévate el sistema contigo.
La guía en PDF y los recursos en un solo zip. Cada archivo individual está en la página de prensa.