Cómo mantener la identidad visual de tu marca con herramientas de diseño gratuitas (I): tipografías y colores

Dos de los elementos más importantes de cualquier identidad visual de tu marca son las tipografías (las fuentes) y los colores. Para mantener la coherencia y cohesión entre todos los documentos y trabajos creativos es importante usar siempre estos mismos elementos de diseño.

Todas las personas de la organización deben ayudar a mantener y cuidar la identidad visual de la empresa, sin embargo no todas las áreas y personas de la empresa tienen acceso y conocimiento de herramientas profesionales de diseño por lo que utilizan herramientas de diseño online y gratuita.

En cualquier caso, para mantener la identidad visual de la marca el primer paso es tener claramente identificadas y recogidas en un documento – el manual de marca– los elementos de diseño y sus principales usos.

Para mantener las tipografías

Si ya sabes que te vas a encontrar ante esta situación y si tienes la oportunidad, la primera opción es que cuando los profesionales de diseño gráfico desarrollen tu manual de marca tengan en cuenta esta necesidad y detallen las fuentes gratuitas alternativas con las que es adecuado trabajar.

Si no es tu caso, hay diferentes herramientas que te pueden ayudar a encontrar fuentes gratuitas alternativas o a incorporar tus fuentes de pago en herramientas digitales.

Para identificar fuentes gratuitas similares a fuentes de pago hay varias herramientas:

• Alternatype: puedes hacer búsquedas relacionadas y pedir sugerencias de fuentes similares introduciendo el nombre de la fuente original.
• Identifont: funciona igual que la anterior, solo necesitas saber cómo se llama la fuente original
• What font is: en este caso puedes realizar la búsqueda a partir de una imagen en la que aparezca la fuente que quieres sustituir.
• What the font: funciona igual que el anterior, solo hay que subir y ajustar una captura de pantalla y te aparecerán diferentes propuestas tanto gratuitas como de pago
• Fontmatchcerator: puedes subir una imagen o enlazar una URL donde aparezca esta tipografía, en cualquier caso también ofrece varias opciones.

Cuando las fuentes son gratuitas suelen estar disponibles en Google Fonts – se trata de un directorio interactivo en el que puedes encontrar 1.482 familias de fuentes tipográficas de uso libre y completamente gratuito- estas mismas fuentes suelen estar disponibles en herramientas como Canva, Genially o Pixlr. Así que una vez que identifiques y elijas la tipografía alternativa a la de pago solo tienes que buscarla en los buscadores internos de las propias plataformas.

Como ya sabes por anteriores publicaciones, muchas herramientas de diseño online tienen una versión gratuita y una de pago. Las versiones de pago te permiten añadir y personalizar recursos como fuentes, colores y logotipos. De manera que si tienes que utilizar una fuente propia y cuentas con una versión premium de estas herramientas puedes subirla al kit de marca.

NOTA: recuerda usar las mismas fuentes para tus diseños más creativos y para tus documentos diarios o internos como documentos de texto (ya sean Office, Open Office o Drive). En el caso Drive al ser un producto de Google puedes usar cualquier Google Font, para usarlas en herramientas locales solo tienes que descargarlas e instalarlas en tu equipo.

En resumen, identifica la mejor fuente gratuita alternativa a tu fuente de pago, utiliza la misma fuente Google Font en todas las herramientas de diseño gratuitas o sube la tuya propia al kit de marca, descarga e instala en tu equipo la fuente para tus documentos y herramientas locales.

Para mantener los colores

Al igual que en el caso anterior lo ideal es que los colores corporativos estén perfectamente detallados en el manual de marca, es decir que estén registrados los códigos de color en los diferentes sistemas – RGB, CMYK, HEX y Pantone.

Tanto los editores de ofimática locales como digitales y las herramientas de diseño suelen tener la opción de personalizar los colores de fuentes, formas, tablas, etc. En el caso de herramientas como Canva, Genially, Pixlr y Adobe Express lo más habitual es hacerlo con el código hexadecimal.

Al igual que en el caso de las tipografías, si usas la versión de pago de alguna de estas herramientas puedes establecer colores predeterminados en el kit de marca.

Si no conoces los colores de la marca también hay herramientas para identificar los colores, a través de muestras digitales, por ejemplo con algunas extensiones de Google Chrome, webs o Apps. Algunas son:

• ColorPick Eyedropper: extensión que puedes añadir al buscador Chrome
• Instant Eyedroper: es una herramienta que puedes instalar de forma local en tu equipo
• Image Color Picker: funciona a partir de una imagen de muestras – archivo, captura o URL. Además del código HEX y RGB, obtendremos el modelo de color HSV (matiz, saturación y valor) especialmente útil para edición de fotografías

Si dispones del código de color en alguno de los sistemas y lo que necesitas es pasarlo a otro, también puedes usar los conversores o calculadoras de color, para pasar la información de RGB a HEXA, por ejemplo.

• Calculadoraconversor
• htmlcolorcodes: especialmente pensado para diseño web

EXTRA: Otras herramientas para experimentar con la información que pueden aportarnos los colores de imágenes y marca:

• Swatch Matic: Una herramienta para dispositivos Android que funciona con la cámara del móvil. Identificar cualquier color de los que nos rodea de manera instantánea. El tono principal es el del centro del objetivo o mirilla e incluye otros cinco colores complementarios. Tan solo tendrás que tocar la pantalla para que se cree una paleta.
• Colorize: Se trata de una herramienta bastante curiosa, en este caso se introduce el nombre de un color (carmesí, cerúleo, terracota… en inglés) y la web nos traduce en códigos de color estos colores basándose en estadísticas.

Recuerda, ¡coherencia y cohesión son claves en la comunicación de tu marca!