Branding : Guías de marca y Librería de activos
Estas pautas deben seguirse cuidadosamente para garantizar la continuidad de la marca.

Introducción.

Todos los elementos de diseño que necesitas. Aquí, en un solo lugar. Y como usarlos. Desde el icono digital más pequeño hasta la cartelera imprimible más grande.

El ADN de nuestra marca representado visualmente por una combinación única de logotipo, color y fuentes.
Siga leyendo para descubrir cómo aplicamos esta combinación única para mantener la coherencia total de la marca, en todo.

Sean cuales sean los medios de comunicación. El resultado de estas directrices es garantizar la continuidad de la marca.

Identidad de la marca

El propósito de esta sección es conectar a nuestra audiencia con la visión de lo que hacemos y por qué lo hacemos.

Usando palabras sencillas para articular el corazón y el alma de nuestra marca.
Estos principios y normas fundamentales definen el ADN de nuestras marcas.
Es lo que representamos y lo que lo hace especial.

Expresa tu Misión

Ayudamos a los propietarios de pequeñas empresas a obtener resultados en línea mientras disfrutamos del proceso.

Valores

Defínelos. Úsalos. Respétalos.
Por ejemplo: Pasión / Amabilidad / Atención / Sencillez

Esencia de la marca
Para proporcionar un entorno tranquilo que ayude a eliminar abrumar utilizando un diseño simplista.

Logotipo

Cuando alguien vea nuestro logotipo de marca por primera vez, recibirá nuestra historia. Diseñado para evocar una emoción positiva. La próxima vez, y cada vez después, desencadenará la misma respuesta. Contará y seguirá contando nuestra historia. Es la base visual de nuestra marca.

Simplemente hay millones de logotipos de marcas en todo el mundo. Aun así, el nuestro es único. Para ser posicionado y colocado cuando y donde queramos que nuestra marca sea.

Tipográfico
La identidad de nuestra marca se puede expresar tipográficamente en forma de una palabra.

Isotipo
La identidad de nuestra marca adquiere un estilo a través de una imagen.

Logo Oscuro
Para uso en fondos blancos o claros.

Logo Claro
Para usar en fondos negros u oscuros

Si
Asegúrese de que la marca de palabra tenga una zona de exclusión (en todos los lados) equivalente al ancho de la letra S mayúscula del logotipo. Si está creando un cuadro delimitador, establezca un margen transparente (o relleno) al 13% en todos los lados. La marca, Slackboy, se sentará cómodamente en el centro, ocupando el 74% del ancho total de la caja.

NO
No distorsione las proporciones del logo. Puede escalarse a cualquier tamaño, pero ambos ejes deben mantener sus dimensiones entre sí y con el diseño original.

Las variantes del logotipo se muestran aquí.

Sea cual sea el medio, al aplicar el logotipo a nuestro diseño, solo se debe usar la DESCARGA asociada. Esto garantiza que se mantenga la coherencia de la marca en todos nuestros materiales de marca (páginas de destino, redes sociales, papelería, publicidad impresa) y cualquier otra cosa que pueda imaginar.

Colores de marca

Cuando alguien vea nuestro logotipo de marca por primera vez, contará nuestra historia. Diseñado para evocar una emoción positiva. La próxima vez, y cada vez después, desencadenará la misma respuesta. Contará y seguirá contando nuestra historia. Es la base visual de nuestra marca.

Simplemente hay millones de logotipos de marcas en todo el mundo. Aun así, el nuestro es único. Para ser posicionado y colocado cuando y donde queramos que nuestra marca sea.
Primario

Secundario

Terciario

Fuentes

Llamada a la acción

Colores primarios
El uso consistente de colores específicos fomentará y reforzará la asociación de la audiencia con nuestra marca.

El rojo y el amarillo están en el mismo segmento en la rueda de colores. Ambos están asociados con calidez, optimismo, dinamismo y energía. De todos los colores cálidos, el amarillo es considerado el más energético.

0a68cf

RGB
rgb (25, 118, 210)
Diseño de materiales
TBC
Oscuro
Primario
Maleficio

0a88f4

RGB
rgb (33, 150, 243)
Diseño de materiales
TBC
Núcleo
Primario
Maleficio

54abf7

RGB
rgb (100, 181, 246)
Diseño de materiales
TBC
Ligero
Primario
Maleficio

b1d9fd

RGB
rgb (187, 222, 251)
Diseño de materiales
TBC
Más ligero
Primario
Colores secundarios
El uso consistente de colores específicos fomentará y reforzará la asociación de la audiencia con nuestra marca.

El rojo y el amarillo están en el mismo segmento en la rueda de colores. Ambos están asociados con calidez, optimismo, dinamismo y energía. De todos los colores cálidos, el amarillo es considerado el más energético.

Usamos el color primario, específicamente la energía asociada con el amarillo, para llamar la atención sobre nuestra marca.
Maleficio

ff8600

RGB
rgb (255, 145, 0)
Diseño de materiales
TBC
Llamada a la acción
Primario
Maleficio

ffa227

RGB
rgb (255, 171, 64)
Diseño de materiales
TBC
CTA Hover
Primario
Maleficio

1d50ff

RGB
rgb (41, 98, 255)
Diseño de materiales
TBC
Llamada a la acción
Secundario
Maleficio

367bff

RGB
rgb (68, 138, 255)
Diseño de materiales
TBC
CTA Hover
Secundario

Fuentes de la marca

Entregando tu mensaje.

El color, especialmente el color primario, puede venir primero, evocando y afectando la emoción. Y nuestro logotipo se activará cada vez que se vea.

Pero ¿qué sigue?

A continuación – entregamos nuestro mensaje. A través del uso del diseño tipográfico en forma de fuentes. Nuestras fuentes reflejan la personalidad de nuestra marca y resuenan con nuestra audiencia.

Hay dos fuentes principales y complementarias disponibles para los elementos de texto principales de nuestro diseño. Cabe destacar, los títulos y copia del cuerpo.

Una variación sutil dentro de nuestra familia de fuentes secundaria está disponible cuando se requiere tipografía monoespaciada. La disponibilidad de una fuente secundaria adicional nos da la opción de distinguir las citas y los artículos de la copia del cuerpo.
En cada caso, aplicamos según corresponda, teniendo cuidado de seguir las estipulaciones que se detallan a continuación.

Fuentes primarias
Nuestras fuentes principales están destinadas a encabezados y copia de cuerpo.

La fuente de copia del cuerpo se usa para los hipervínculos (dentro del texto del cuerpo) en el caso de una oración estándar. También se usa en llamadas a la acción (CTA) y botones, pero siempre en MAYÚSCULAS. Todas las instancias deben estar en conjunción con los colores de nuestra marca primaria o secundaria para captar la atención de nuestra audiencia.

Encabezados

FAMILIA TIPOGRÁFICA
Montserrat

PESO
Medio 500
TAMAÑO
2 EM
ESPACIADO DE LETRAS
0.01 EM
ALTURA DE LA LÍNEA
1.3

ESTILOS
Regular
Medio
Semi-negrita
Negrita
CARACTERES
ABCDEFGHIJKLMNOPQRSTU VWXYZ
ABCDEFGHIJKLMNOPQRSTU VWXYZ
1 2 3 4 5 6 7 8 9 0
‘? ’“! ”(%) [#] {@} / & \ <- + ÷ × => ® © $ € £ ¥ ¢:; ,. *
Cuerpo

FAMILIA TIPOGRÁFICA
Montserrat

PESO
Medio 500
TAMAÑO
2 EM
ESPACIADO DE LETRAS
0.01 EM
ALTURA DE LA LÍNEA
1.3

ESTILOS
Regular
Medio
Semi-negrita
Negrita
CARACTERES
ABCDEFGHIJKLMNOPQRSTU VWXYZ
ABCDEFGHIJKLMNOPQRSTU VWXYZ
1 2 3 4 5 6 7 8 9 0
‘? ’“! ”(%) [#] {@} / & \ <- + ÷ × => ® © $ € £ ¥ ¢:; ,. *


Fuentes secundarias
Este es un ejemplo de cómo se leería un artículo. Una fuente serif como esta es cómoda para que el lector la siga en grandes cuerpos de texto.

El espaciado entre líneas y párrafos ayuda a la historia a respirar y fluir.

“Este es un ejemplo de cómo se deben mostrar las citas. Las citas siempre se presentan en cursiva y están escritas con marcas de voz “.
Citas

FAMILIA TIPOGRÁFICA
Montserrat

PESO
Medio 500
TAMAÑO
2 EM
ESPACIADO DE LETRAS
0.01 EM
ALTURA DE LA LÍNEA
1.3

ESTILOS
Regular
Medio
Semi-negrita
Negrita
CARACTERES
ABCDEFGHIJKLMNOPQRSTU VWXYZ
ABCDEFGHIJKLMNOPQRSTU VWXYZ
1 2 3 4 5 6 7 8 9 0
‘? ’“! ”(%) [#] {@} / & \ <- + ÷ × => ® © $ € £ ¥ ¢:; ,. *
Nuestras fuentes secundarias son tanto proporcionales (ancho variable) como monoespaciadas (ancho fijo). Las fuentes secundarias proporcionales se utilizan para citas y artículos. Las fuentes monoespaciadas se utilizan para distinguir caracteres individuales.

Usamos fuentes monoespaciadas donde necesitamos distinguir caracteres individuales.

Aquí puede ver cómo cada carácter tiene un ancho fijo que ocupa el mismo espacio horizontal, en lugar de una fuente proporcional o de ancho variable.
Monoespacio

FAMILIA TIPOGRÁFICA
Montserrat

PESO
Medio 500
TAMAÑO
2 EM
ESPACIADO DE LETRAS
0.01 EM
ALTURA DE LA LÍNEA
1.3

ESTILOS
Regular
Medio
Semi-negrita
Negrita
CARACTERES
ABCDEFGHIJKLMNOPQRSTU VWXYZ
ABCDEFGHIJKLMNOPQRSTU VWXYZ
1 2 3 4 5 6 7 8 9 0
‘? ’“! ”(%) [#] {@} / & \ <- + ÷ × => ® © $ € £ ¥ ¢:; ,. *

Marca para medios sociales

El color es lo primero. Evoca emociones y es el estímulo más visual para el cerebro. El color se registra antes que las imágenes o la tipografía y es el desencadenante principal cuando se involucra a su audiencia.

Las variantes de los colores de marca primarios y secundarios se detallan aquí, junto con los colores de fuente. El uso consistente del color especificado fomentará y reforzará la asociación de la audiencia con la marca.

Al diseñar para aplicaciones en línea, utilice el código HEX y / o RGB especificado. Al diseñar para aplicaciones de impresión use el código CMYK especificado.
Facebook

Foto de perfil
Para uso sobre fondo blanco o claro.
haga clic aquí

Foto de cubierta
Gorjeo

Foto de perfil
Para uso sobre fondo blanco o claro.
haga clic aquí

Foto de cubierta
Linkedin

Foto de perfil
Para uso sobre fondo blanco o claro.
haga clic aquí

Foto de cubierta
Youtube

Foto de perfil
Para uso sobre fondo blanco o claro.
haga clic aquí

Foto de cubierta

Papelería de la Marca

El color es lo primero. Evoca emociones y es el estímulo más visual para el cerebro. El color se registra antes que las imágenes o la tipografía y es el desencadenante principal cuando se involucra a su audiencia.

Las variantes de los colores de marca primarios y secundarios se detallan aquí, junto con los colores de fuente. El uso consistente del color especificado fomentará y reforzará la asociación de la audiencia con la marca.

Al diseñar para aplicaciones en línea, utilice el código HEX y / o RGB especificado. Al diseñar para aplicaciones de impresión use el código CMYK especificado