Identidad visual

Tipografía

La tipografía es una parte fundamental de la identidad visual de Soy Canary Green. Refuerza el tono del mensaje, aporta personalidad y garantiza coherencia en todos los canales de comunicación, desde una web hasta una presentación municipal.

Uso tipográfico

Al utilizar textos de diferentes tamaños, evite realizar pequeñas modificaciones entre tamaños: haga el texto significativamente más grande o más pequeño. Ajustando la relación de tamaños entre los diferentes elementos.

Accesibilidad básica: Los textos debe mantener una relación de contraste de al menos 4.5:1 con su fondo (idealmente 7:1 en titulares para instituciones públicas).

La tipografía principal es Sora, moderna, legible y con un diseño geométrico amable. Se utiliza para títulos, subtítulos, llamadas a la acción y piezas gráficas clave del proyecto.

Como tipografía secundaria se usa la Instrument Serif, con un carácter editorial y elegante, se emplea para destacar frases clave, citas y bloques narrativos.

Otros usos

En documentos ofimáticos (en entornos como Word, PowerPoint o Excel), se recomienda el uso de alguna de estas tipografías estándar del sistema para asegurar compatibilidad y legibilidad.

  • Arial: recomendada por su neutralidad y amplitud.
  • Calibri: opcional para documentos más informales o internos.

Titulares

Todos los titulares usan la familia Sora Regular con un line height del 100%, lo que genera una apariencia compacta y sólida. Esto refuerza la claridad y autoridad de los mensajes clave.

Uso sugerido: Portadas, campañas, cartelería, mensajes institucionales de alto impacto.

Espaciado y relación con otros elementos: Es recomendable aplicar un margen inferior que permita un buen respiro visual entre el titular y el texto siguiente. Se recomienda un margen mínimo de un 50% respecto al tamaño del cuerpo.

Buenas prácticas:

  • Utilizar solo para títulos principales.
  • Evitar bloques largos de texto. Para títulos de más de 8 palabras, se recomienda usar tamaños más pequeños (M o S).
  • No emplear mayúsculas sostenidas, salvo en casos muy específicos como señalética.

Funciona como énfasis expresivo dentro de los titulares. Se puede aplicar a una palabra, una expresión o incluso una frase corta para dotarla de emotividad, profundidad o sensibilidad dentro de la estructura general del titular. Este recurso convive dentro de titulares (compuestos principalmente en Sora Semibold), para crear un contraste visual y emocional sin perder claridad estructural. El tamaño igual el del titular, aumentando un 2-4% el tamaño del texto para igualar visualmente la altura de las letras respecto al titular.

Uso sugerido: para resaltar...

  • Conceptos clave del relato (ej. "sostenible", "comunidad")
  • Palabras que conectan con los valores del proyecto (ej. “verde”, “futuro”, “transformación”)

Buenas prácticas:

  • Limitar su uso a una o dos palabras por titular. Excesivo uso rompe el equilibrio visual y puede dificultar la lectura.
  • No usar sobre imágenes o fondos texturizados para asegurar la legibilidad.
  • Asegurar un contraste mínimo de 4.5:1.
  • Evitar el uso en textos largos o en mayúsculas sostenidas.

SUBTÍTULOS

Estos estilos cumplen la función esencial de acompañar, contextualizar o introducir los titulares, ayudando a estructurar la narrativa visual y reforzar el storytelling sin robar protagonismo al mensaje principal.

Uso sugerido: Encabezados secundarios en portadas, entradillas de informes o web.
Los subtítulos complementan titulares y deben ubicarse justo antes o después de ellos. Ayudan a presentar un concepto o desarrollar brevemente el enfoque del contenido


Nunca deben competir visualmente con los titulares. Se utiliza Sora Regular, a un tamaño del 50% respecto al titular, para enfatizar esta función secundaria.


Legibilidad: El interlineado de 133% permite una lectura relajada, ideal para párrafos cortos o frases introductorias.

Buenas prácticas:

  • Evita repetir información del titular.
  • Mantén una estructura: Titular → Subtítulo → Cuerpo de texto o llamada a la acción
  • Limita la extensión: los subtítulos deben contener entre 10 y 30 palabras máximo.
  • Evitar el uso de mayúsculas sostenidas.

ANTETÍTULOS

Actúan como etiquetas previas al titular, preparando al lector sobre la categoría, sección o enfoque del contenido. Su uso en mayúsculas, tracking ampliado y peso bold los convierte en indicadores consistentes y fácilmente escaneables. Su tamaño es de un 33% del tamaño del titular.

Uso recomendado: Ideales para señalizar ejes del relato como Introducción a titulares, categorías de contenido, bloques informativos o temáticos. Ayudan a navegar por storytelling editorial o web.

Buenas prácticas:

  • Máximo 1 antetítulo por bloque o tarjeta. No superar las 3–4 palabras.
  • A pesar de su uso intencionado, no deben incluir textos complejos o largos. Mantener claridad semántica.
  • Combinar con color o iconografía para reforzar su papel como navegadores visuales.
  • Siempre debe haber suficiente espacio inferior (como mínimo), igual al tamaño del cuerpo del antetítulo, o del 33% del cuerpo del titular correspondiente

TEXTO NORMAL

Sora Regular, por su diseño geométrico y contemporáneo, refuerza una identidad moderna, limpia y profesional acorde a los valores de innovación y sostenibilidad de Canary Green. Tiene un 33% del tamaño del titular.

Uso recomendado: Estos estilos son usados para desarrollar ideas, explicar conceptos, narrar historias o presentar información detallada. Son esenciales en artículos, presentaciones, fichas, web, etc.

Accesibilidad y legibilidad:

  • Todos los tamaños cumplen funciones distintas, pero deben mantenerse por encima del contraste mínimo 4.5:1.
  • Texto S (9 pt) se debe reservar para notas, microcopy o pie de elementos gráficos.
  • Evitar alineación justificada para no generar ríos visuales.
  • Aconsejable usar máximo 75 caracteres por línea para mejorar la comprensión.

Buenas prácticas:

  • Evitar el uso de múltiples tamaños dentro de un mismo párrafo.
  • Mantener la consistencia visual entre párrafos y subtítulos.
  • Asegurar suficiente espacio vertical entre párrafos (margin-bottom: 1em recomendado).