Cómo Hacer una Guía de Estilo de Marca Como las Mejores Compañías de Tecnología

By Sara McGuire, Nov 14, 2018

Guía de Estilo de Marca

Cuando se trata de marca, la consistencia lo es todo.

Pero ¿cómo puedes garantizar la consistencia de tu marca cuando tienes un número de socios, departamentos o agencias que producen la garantía para su marca? ¿Cómo puedes comunicar rápidamente los requisitos de tu marca en la medida en que tu pequeño negocio crece?

¡Con una guía de estilo de marca, por supuesto!

Una guía de estilo de marca es un manual con todas las especificaciones de todo lo que juega un papel en el aspecto visual de tu marca – todo desde la tipografía y el color hasta los logos y las imágenes. Esto deja que todos sepan exactamente cómo presentar tu marca al mundo.

¿Te gustaría aprender a hacer tu propia Guía de Estilo de Marca desde cero? Mira este libro electrónico GRATUITO que hemos realizado con nuestros amigos en HubSpot. Está lleno de consejos, ejemplos y plantillas:

guia estilo marca

 

Muchas de las principales empresas de tecnología en el mundo se han renovado en los últimos años y han dedicado un tiempo y esfuerzo considerable en desarrollar guías de estilo de marca.

Afortunadamente para nosotros, muchas de estas guías de estilo de marca se han compartido públicamente, así que ¿por qué no sacamos el máximo provecho de todo su duro trabajo?

Aquí está lo que puedes aprender de las guías de estilo de marca de todas mis marcas favoritas (incluyendo algunas plantillas para guía de estilo de marca muy útiles).

Guía de Estilo de Marca


 

Antes de profundizar más en esta guía, ¿has escuchado sobre la función de Kit de Marca de Venngage ? Esto te ayudará a agregar los logos, fuentes y colores de tu marca a tus diseños en una menor cantidad de tiempo de lo que te tomaría normalmente.

Guía de Estilo de Marca


 

 

1. Comienza tu guía de estilo de marca con una gran historia de tu marca

Cada gran marca está motivada por una cautivadora historia de la marca.

Si no te sientes familiarizado con el término; una historia de la marca define y describe las cosas por las que la empresa se preocupa. Es utilizada para comunicar los valores de una empresa a todo el público y también puede servir de guía para tomar decisiones importantes en una organización.

Las historias de marca pueden lucir muy diferentes en las distintas compañías, pero hay un hilo clave que puede unirlas a todas:

Las historias de marca envuelven la visión, misión y los principales valores de una empresa en un lindo paquete.

Las mejores historias de marca también agregan algo de personalidad.

Atlassian, una respetada empresa de software, ha hecho de la historia de su marca todo asociado a la personalidad. Ellos han dejado claro que saben exactamente quiénes son y lo que quieren ser, descubriéndose como “audaces”, “optimistas” y “prácticos”.

Guía de Estilo de Marca

Esta actitud de alegría les ayudó a establecer su voz luego de una reciente y dramática revisión de marca, y yo me considero un gran fan.

Trello (fue adquirido por Atlassian hace un año aproximadamente) cuenta una historia de marca parecida con 10 principios, cada uno en compañía de una divertida ilustración personalizada.

Guía de Estilo de Marca

La historia de marca de Skype es una de mis favoritas. Ellos han realmente capturaron un tono alegre y sensato que parece sincero con su marca:

Guía de Estilo de Marca

Tampoco hay nada de malo con tener un enfoque más tradicional. En la guía de estilo de marca de Facebook, la misión de la empresa se expresa muy bien, claro y simple:

Guía de Estilo de Marca

 

En cualquier caso, la historia de la marca debe estar siempre de primera en una guía de estilo de marca. Esto define el escenario para la experiencia de la marca e informa el resto de la guía de estilo.

Crea una historia de marca que le diga al mundo sobre qué es tu marca.

¡Mira esta lista de declaraciones de misión sin fines de lucro elaboradas por nuestros amigos en Elevation para tengas más inspiración!

Pssst … ¿Te gustaría aprender a hacer tu propia Guía de Estilo de Marca desde cero? Mira este libro electrónico GRATUITO que hemos realizado con nuestros amigos en HubSpot. Está lleno de consejos, ejemplos y plantillas:

guia estilo marca

 

2. Utiliza las normas para logos y crea una firma de marca que sea reconocible

A parte de la historia de la marca, tu logo es la parte más importante de tu marca. Es lo único que todos deben reconocer de inmediato que te pertenece, y que es solo tuyo.

Para lograr que un logo se reconozca inmediatamente, ¡debe ser usado de forma consistente!

Dime, ¿alguna vez viste el logo de Facebook en cualquier otro color que no sea “El azul de Facebook”?

Guía de Estilo de Marca

Yo no, y eso no ocurre por accidente.

Todas las guías de estilo de las marca más importantes describen las reglas para usar exactamente sus logos, para estar seguros que nadie envíe algún mensaje equivocado con su marca.

Eso incluye las especificaciones de cuánto espacio se debe dejar alrededor de sus logos, como lo han hecho Snapchat, Medium, Facebook, y Spotify en sus guías de estilo de marca:

Guía de Estilo de Marca

Ellos marcaron claramente las “zonas de exclusión” alrededor de sus logos. Generalmente es la mitad del ancho del logo, estas zonas libres de imagen le dan a los logos espacio para respirar y se garantiza que mantengan el impacto visual.

Una gran guía de estilo de marca también debe incluir cada variación de color aceptable para un logo, haciendo que sea difícil equivocarse:

Guía de Estilo de Marca

Medium lo ha hecho mejor, eliminando cualquier ambigüedad en el color del logo, especificando el uso del color del logo como primario, secundario e incorrecto.

Guía de Estilo de Marca

Generalmente es también una buena idea dictar aquí el tamaño mínimo del logo. Investiga el tamaño más pequeño en el cual tu logo es todavía legible en una impresión y en la pantalla, y asegúrate que no sea más pequeño que eso.

Guía de Estilo de Marca

Tampoco es malo dar algunos ejemplos concretos. Debes hacerlo a prueba de tontos, incluyendo lo que no se debe hacer:

Guía de Estilo de Marca

Sigue el ejemplo de las marcas más importantes como Spotify, Medium, Facebook y Snapchat y crea normas claras para asegurarte que tu logo se representa de la mejor forma.

brand style guide

 

3. Incluye la paleta de color básica de la  guía de estilo de tu marca.

En el pasado, los colores de marca eran muy simples. Probablemente hayas tenido que escoger uno o dos colores que combinarán con tu logo, y ya tenías todo listo.

Pero todo eso ha comenzado a cambiar.

Ahora muchas empresas están usando un esquema de colores múltiples para darle vitalidad a las comunicaciones de tu marca.

Para que el reconocimiento de la marca permanezca intacta, es más importante que nunca lograr que los colores de marca básicos sean bien conocidos y consistentes.

En tu guía de estilo de marca, debes definir claramente la paleta de colores de tu marca. Aunque si tu, como Twitter y Snapchat, tiene un color de marca principal y algunos tonos secundarios:

Guía de Estilo de Marca

O si como Netflix, tienes combinaciones de colores específicas que deseas que tus diseñadores usen:

Guía de Estilo de Marca

Es una buena idea hacer que los colores principales de tu marca sean totalmente claros. No debes olvidar incluir los códigos hexadecimales, los valores RGB y los códigos de colores CMYK necesarios para que te asegures que tus colores están presentados de forma consistente en los medios.

Guía de Estilo de Marca

 

Las marcas como Trello, que dependen mucho del color para expresar todas las funciones y los componentes de su producto, suelen desarrollar sistemas de color mucho más completos. ¡Al detallar cada tono de cada color en su paleta no tendrás que ir probando con los selectores de color!

Guía de Estilo de Marca

Atlassian se ha esforzado al máximo para crear combinaciones de colores que sobrepasan los estándares de accesibilidad de la web, y dieron algunos útiles ejemplos de contrastes de color buenos y malos:

Guía de Estilo de Marca

En las mejores tendencias del momento para diseños de gráfico para redes sociales, Spotify incluso incluyó algunos ejemplos realistas de dónde no se debe usar su distintivo “Verde de Spotify”:

Guía de Estilo de Marca

Cualquiera que sea la forma en que lo muevas, mientras más ejemplos mejor cuando se trata de los colores en tu guía de estilo de marca. Definitivamente debes incluir los colores principales de tu marca con los códigos hexadecimales y los valores RGB, pero considera también agregar útiles variaciones de tono y algunos ejemplos de tendencias de lo que debes y no debes hacer.

brand style guide

 

El kit de Marca de Venngage te permite guardar los colores de tu marca para que puedas acceder a ellos fácilmente.

Guía de Estilo de Marca

Una vez que selecciones los colores de tu marca, estos aparecerán siempre inmediatamente en la herramienta para selección de color:

Guía de Estilo de Marca

Aprende más sobre tu Kit de Marca aquí.

4. Escoge una tipografía que combine con tu estilo visual

La tipografía es una de esas cosas que puede pasar desapercibida si está bien hecha, pero si no lo está entonces puede sobresalir como un dedo hinchado. Permitir que las elecciones de fuente pasen bajo tu radar puede realmente hacer que tu marca pierda valor.

Para lograr una mejor experiencia de tu marca, debes hacer una guía de estilo de marca para que te asegures de estar aplicando una tipografía consistente.

Esto significa describir las fuentes que serán usadas para cada propósito (en impresión y para la web).

Tanto Twitter como Snapchat lo mantienen simple, y cada uno escoge una fuente para usarla en casi todo:

Guía de Estilo de Marca

Curiosamente, Trello escogió la misma fuente que Twitter, pero va un poco más lejos especificando una jerarquía de estilos y tamaños de fuentes, colores de textos y estilos para párrafos y listas:

Guía de Estilo de Marca

Dependiendo de tu negocio o de tu producto, algunas veces es necesario especificar fuentes diferentes para las diversas plataformas. iHeartMedia no dejó nada al azar, incluyendo opciones para Android, portátiles, productos de Microsoft e incluso para autos:

Guía de Estilo de Marca

¡Incluso algunas empresas diseñan sus propias fuentes! Si lo haces, sería bueno incluir opciones alternativas para uso externo:

Guía de Estilo de Marca

¿Algo abrumado?

No te preocupes. Para hacer una guía de estilo de marca simple no necesitas que sea tan extensa – solo debes enfocarte en las fuentes más usadas, generalmente son solo una o dos. Especifica tu jerarquía de fuentes con respecto a los tamaños de las fuentes (grande para los encabezados, media para los sub encabezados y más pequeñas y largas para los párrafos) y los pesos de las fuentes (ligera, en negrita, gruesa, etc.):

Guía de Estilo de Marca

 

¿Quieres aprender a escoger las fuentes? Mira nuestro artículo sobre cómo escoger fuentes para infografías – ¡Aplican las mismas reglas!

5. Encuentra la voz de tu marca

No debes subestimar la importancia de tener una voz de marca que sea consistente en tus mensajes.

Emplea algo de tiempo en encontrar el estilo que resuena con tu audiencia y que se alinee con la personalidad de tu marca.

Una vez que ya lo tengas resuelto, debes asegurarte de replicarlo en tus canales, ¡describiendolo en la guía de estilo de tu marca!

Shopify fue más allá de definir su voz – incluyendo muchas cosas que se deben y no se deben hacer en cuanto a la gramática, la puntuación, el vocabulario, la ortografía, los nombres y el tono. Dando muchísimos ejemplos, ellos hacen imposible que algo pueda salir mal con los mensajes.

Guía de Estilo de Marca

Por el otro lado del espectro, Atlassian lo ha mantenido muy simple y corto, con solo describir su estilo de escritura en un par de oraciones breves. ¡A veces es todo lo que necesitas!

Guía de Estilo de Marca

Una vez más, Skype la sacó del campo con un resumen muy simple pero efectivo, contrastando las palabras que a ellos les gusta con las que no les gustan.

Guía de Estilo de Marca

Si te pudiera sugerir algo para tu guía de estilo de marca, esto sería incluir un ejemplo escrito (o dos) que transmita la voz de marca de tu compañía. Se aprende mejor con el ejemplo, ¿No crees?

 

¿Necesitas algo de ayuda para hacer las normas para tu marca? Mira este libro electrónico GRATUITO que hemos realizado con nuestros amigos en HubSpot. Está lleno de consejos, ejemplos y plantillas:

guia estilo marca

 

6. Incluye normas para la visualización de datos e imágenes en tu guía de estilo de marca

Por último, pero no menos importante, es el momento de hablar de las imágenes. Todo lo que esté relacionado con tus imágenes, incluyendo el estilo, el color y el contenido va contribuir con la percepción de tu marca.

Crea algunas normas para las imágenes (fotos, ilustraciones, gráficos, infografías, etc.) para que las incluyas en tu guía de estilo de marca.

¿Cómo pueden ser estas pautas?

Bien, Trello adora presentar ilustraciones personalizadas, pero sabe que podría ser algo difícil para algunos artistas crear ilustraciones con un estilo cohesivo. Ellos no dejan espacio para el azar, describiendo lo que significa crear una ilustración de “Trello-y” – con normas sobre los conceptos, la composición, las sombras y más.

!Pero lo más importante, ¡ellos dan ejemplos!

Guía de Estilo de Marca

De la misma forma, Shopify lo da todo, al especificar cuándo y dónde se deben usar las ilustraciones, los principios con los cuales criticar las ilustraciones y las opciones estilísticas (como el nivel de detalle, el color de fondo, la escala y las formas de fusión) que van a crear una ilustración “de la marca”.

Guía de Estilo de Marca

Los principios de ilustración de la guía de estilo de marca de Shopify.

Atlassian ha tomado un enfoque más minimalista, al envolver su estilo de ilustración con palabras que incluyen “optimismo”, “practicidad” y “cordialidad”.

Guía de Estilo de Marca

El estilo fotográfico es tan importante como el estilo ilustrativo. Si frecuentemente utilizas fotografías en tu marca, tu guía de estilo debería especificar el nivel de complejidad, los esquemas de colores, las composiciones, los estilos y las especificaciones técnicas para hacer que las fotografías se adapten a tu marca.

Las Normas de marca de Berkeley describen su estilo fotográfico como liviano, claro y natural, tan solo presentando imágenes que se adapten a una de las tres categorías: actual, cultural o histórica.

Guía de Estilo de Marca

Ellos también le dan una dirección más concreta a sus fotógrafos:

“Siempre tratamos de usar la luz natural, cuando sea posible. La luz también es usada como un elemento activo en nuestra fotografía, algunas veces hasta llegar al punto de una leve sobreexposición. Para evitar ángulos que no sean naturales, nunca gires la cámara en un ángulo diferente a 90 grados “.

Bien sea que trabajes con fotos o con ilustraciones, ¡el camino que debes seguir es dar muchos ejemplos y descripciones muy completas!

Guía de Estilo de Marca

 

Si tus infografías distintivas de marca o las visualizaciones de datos (que definitivamente debería serlo), no olvidan incluir algunas normas estilísticas para ellas también.

Especifica cuándo y dónde usar infografías y visualizaciones de datos, e incluye las preferencias de estilo y las convenciones técnicas.

Shopify le da a sus diseñadores especificaciones claras de cómo enfocar una visualización de datos:

Guía de Estilo de Marca

Seguida de algunas reglas definitivas para el estilo y el etiquetado de esas visualizaciones:

Guía de Estilo de Marca

Este tipo de normas se pueden pasar por alto fácilmente, pero cuando son usadas de forma apropiada pueden ayudar fomentar una presencia cohesiva de la marca – especialmente para medios más complejos como las visualizaciones de datos y las infografías.

Conclusión

Cuando se trata de tu marca, no debes enviar mensajes mezclados.

Inspírate en las marcas más importantes de la actualidad y crea tu propia guía de estilo de marca para permitir que todo lo que represente a tu marca se pueda crear de forma rápida, eficiente y con mucha confianza. Crea una con estos 6 simples pasos:

  1. Comienza tu guía de estilo de marca con una gran historia de marca
  2. Utilice las normas para logo para hacer una firma de marca que sea reconocible.
  3. Incluye la paleta de colores básicas de tu marca
  4. Dicta tu jerarquía para la tipografía.
  5. Define la voz de tu marca
  6. Especifica las imágenes y la iconografía que forman tu estilo visual

O simplemente trabaja con una de nuestras plantillas prediseñadas –  ¡solo ingresa tu propia marca y estarás listo para comenzar!

Guía de Estilo de Marca

 

¡Si crees que algo no está funcionando con tu marca, ¡solo arréglalo! Una guía de estilo de marca es un documento con una evolución constante, por eso lo hemos hecho muy fácil de editar y compartir.