MANUAL DE IDENTIDAD

Este manual de marca define los lineamientos gráficos y comunicacionales que garantizan una identidad visual coherente en todos los puntos de contacto con la audiencia.

El logo

El logotipo de Beaver representa la identidad visual de una aplicación de finanzas. El castor (beaver en inglés) fue elegido como símbolo porque es un animal conocido por su capacidad para construir estructuras complejas con dedicación y precisión.

La figura esta diseñada en un contenedor circular para encajar de manera óptima en contenedores circulares o cuadrados, aprovechando al máximo las proporciones del espacio.

Uso prioritario

El imagotipo funciona como una unidad, la aplicación siempre debe ser unida (texto e imagen) salvo excepciones descriptas en este manual.

Uso especial

El isotipo (imagen) se aplica de forma aislada para uso de icono, favicon.

Usos incorrectos

Los ejemplos a continuación, sirven como referencia de los usos no permitidos de la marca

 

 

No se podrán alterar las relaciones de espacio que vinculan a los elementos entre sí. Modificar el tamaño de los elementos, cambiar la posición.

 

La marca no podrá deformarse en sus proporciones.

 

La tipografía no podrá ser reemplazada por otra similar o diferente, ni cambiar las mayúsculas por minúsculas.

 

El logotipo y el isotipo no podrán componerse en cromatismos diferentes, el logo siempre actúa como una unidad.

 

El logo no podrá aplicarse sobre un fondo que no garantice su legibilidad y óptimo contraste.

Proporciones del logotipo

El tamaño de la letra se determina multiplicando tres veces el tamaño del isotipo por 0.618. Esta elección se hizo para mantener una relación visual equilibrada entre el isotipo y el texto.

Ejemplo

COLOR

Paleta primaria:

se basa en una paleta de colores diseñada para transmitir confianza, estabilidad y modernidad.

 

 

Paleta secundaria:

se basa en una paleta de colores diseñada para solo para usar en iconos o diálogos específicos que requieran el uso forzado de esos colores, ejemplo mensajes de error, información o alertas.

Color del logo

El logo puede aplicarse tanto en su versión positiva como negativa intentando siempre que se use el color prioritario (verde).

TIPOGRAFÍA

La tipografía usada para el logo es la familia tipográfica de Montserrat Semi-Bold.

Para el resto de los textos que acompañen al logo, se usa la familia tipográfica de Open Sans. Este ofrece una amplia gama de estilos, desde ligeros hasta negritas, permitiéndo jugar con la jerarquía visual y destacar información importante sin mezclar con otras tipografías.

Es una fuente de código abierto, y es compatible con diversas plataformas y dispositivos.

Para garantizar la coherencia y uniformidad en todas las expresiones visuales de nuestra marca, se aconseja evitar la mezcla de Open Sans con otras tipografías. La consistencia tipográfica desempeña un papel crucial en la construcción de una identidad sólida y reconocible.

ADMINISTRACIÓN DE LOS ESPACIOS

MARGEN DE SEGURIDAD

Cualquier tipo de comunicación de la pieza gráfica en la que se aplica el logotipo, deberá ocurrir fuera de del perímetro contenedor o área de protección sombreada.

La medida correspondiente al área de protección es equivalente a dos veces la letra "B" del logo en todos sus lados:

ELEMENTOS GRÁFICOS Y COMPOSICIÓN

GRAFICA E ILUSTRACIONES

Para garantizar una identidad visual coherente y equilibrada, todas las piezas gráficas de Beaver deben seguir una estructura clara y sencilla, evitando la sobrecarga de elementos.

Los recursos visuales disponibles para la composición incluyen:

  1. Logotipo de Beaver: Debe aplicarse según los lineamientos de este manual.
  2. Trama inspirada en la textura de la cola del castor: Este patrón se utilizará como fondo o elemento decorativo, aportando identidad sin saturar el diseño. Solo se permitirá una trama por composición.
  3. Imagen secundaria opcional: Puede incluirse una foto de un objeto relevante, como un teléfono, o de una persona, pero nunca más de una en la misma composición.

Para mantener una estética limpia y profesional, es fundamental respetar las siguientes reglas:

  • No combinar más de un tipo de trama o textura en la misma pieza.
  • No incluir otros elementos gráficos adicionales que recarguen la composición.
  • Preferentemente, no utilizar fotografías como fondo. En su lugar, se deben emplear colores planos que mantengan la armonía visual de la marca.

Estas pautas aseguran que cada pieza mantenga el equilibrio entre identidad, claridad y atractivo visual.

Uso de fotografías

Siempre que se utilicen imágenes para ilustrar, se recomienda priorizar fotografías de personas. Dado que las finanzas pueden percibirse como un tema frío o distante, la presencia humana aporta calidez y cercanía, humanizando la marca y generando una conexión más empática con el usuario. Esto ayuda a transmitir que Beaver no es solo una herramienta, sino un acompañamiento en la gestión financiera.

Ejemplo de aplicaciones en diferentes formatos

Interfaces

Para las interfaces se respetan el uso de los colores y composiciones anteriores.

Uso de márgenes en el diseño

Para garantizar una composición visual equilibrada y ordenada, todos los diseños deben respetar dos márgenes principales:

Margen de seguridad (rojo): Este margen define el área mínima que debe permanecer libre de elementos importantes. Su función es evitar que el contenido quede demasiado cerca de elementos principales, áreas o secciones

 

Margen de contenido (violeta): Dentro de este margen se distribuye la información de los contenedores, con los elementos de cada área o sección.

 

Es importante resaltar que ambos son margenes mínimos, pero para pantallas en donde existan menos elementos se pueden usar margenes de separación mas grandes (como pantallas de mensajes, ej: transacción exitosa, mensajes de error).

Botones y Elementos Interactivos

 

Al igual que el logo, se sugiere que los íconos mantengan un estilo visual rellenos, en el cual los elementos destacados o resaltados (clic, Hover, Desactivado/Estado Normal) se distinguen mediante la paleta de colores correspondiente contrastando el lugar donde se encuentre.

 

Tono de voz de la marca

Se sugiere un tono de voz serio, claro y profesional. La aplicación maneja información financiera, por lo que es fundamental transmitir confianza, precisión y seguridad en cada comunicación.

Principios del tono de voz:

  • Claridad y precisión: Evitamos ambigüedades y expresiones informales. Nos comunicamos con mensajes directos y fáciles de entender.
  • Profesionalismo: El lenguaje refleja responsabilidad y conocimiento, sin recurrir a frases coloquiales o humorísticas.
  • Empatía sin exageraciones: Nos dirigimos a los usuarios con un tono respetuoso y cercano, sin ser fríos ni distantes.

Ejemplo de aplicación en mensajes:

  • ❌ "Ups, parece que algo salió mal."
  • ✅ "No se pudo enviar el mensaje. Inténtalo nuevamente."

Imágenes y estilo visual:

Las imágenes deben reflejar situaciones naturales y expresiones auténticas, evitando gestos exagerados o artificiales, o que puedan resultar desagradables para algún público. La estética visual refuerza la confianza y credibilidad de la marca.