Cumple con nuestras pautas de marca comercial

Descargar PDF

Símbolo de Route4Me

El símbolo se compone de formas geométricas simples. Observa la coherencia de las formas, los tamaños y el espaciado. Esta geometría debe mantenerse siempre.

Correct usage - Route4Me symbol: three yellow arrows radiating from a central orange circle with four small orange dots at arrow endpoints.
Correct usage - Route4Me symbol construction: three yellow arrows radiating from a central orange circle with four small orange dots at arrow endpoints; geometry proportions must be preserved.

Logotipo de Route4Me

Las partes del logotipo tienen relaciones de colocación muy específicas entre sí. Las alineaciones crean un sólido cierre. Conocer estas relaciones espaciales es fundamental para mantener la coherencia en toda la marca.

Correct usage - Logo: Route4Me symbol with arrows and orange dots next to logotype Route4Me; logotype navy with orange digit 4; proportions fixed on white background.
Correct usage - Logo specification diagram: shows Route4Me logo with arrows, dots, spacing multiples 2x horizontal and 3x vertical, ensuring fixed relation between symbol and logotype; geometry proportions must be preserved.

Logotipo en fondos de pantalla

El logotipo debe utilizarse únicamente sobre fondos blancos o azules. Evita usar el logotipo en las fotografías a menos que el logotipo se encuentre en el área blanca de la imagen.

Correct usage - Logo on white background: Route4Me symbol in orange/yellow with logotype in navy.
Correct usage - Logo on primary blue background: Route4Me symbol in orange/yellow with logotype reversed to white.

Espacio libre del logotipo

Asegúrate de que haya un espacio adecuado entre el logotipo y los elementos circundantes. El espacio libre alrededor debe ser siempre mayor o igual a 1/3 de la altura del logotipo.

Correct usage - Logo clear space: Route4Me logo showing required exclusion zone equal to one-third of logo height; no other design elements allowed inside.

Alineación

Sigue las especificaciones de espaciado y alineación que se indican a continuación cuando bloquees el logotipo de Route4Me con una serie de logotipos afiliados. Los logotipos de los socios deben estar alineados con la línea de base óptica del logotipo de Route4Me.

Correct usage - Logo alignment: Route4Me placed alongside Google and Amazon logos; spacing between logos equals one Route4Me symbol width; all logotypes aligned to optical baseline of Route4Me text.

* Los logotipos de Google y/o Amazon se muestran solo con fines de demostración. Su ubicación cerca del logotipo de Route4Me no sugiere que exista una sociedad o una relación comercial.

Icono de la aplicación móvil

Un icono puede tener una forma diferente en distintos dispositivos. Asegúrate de que haya un espacio adecuado entre el logotipo y los elementos que lo rodean.

Correct usage - Mobile app icon square: Route4Me symbol centered inside solid blue square with consistent padding.
Correct usage - Mobile app icon rounded square: Route4Me symbol centered inside solid blue rounded square, spacing consistent on all edges.
Correct usage - Mobile app icon circle: Route4Me symbol centered inside solid blue circle, proportions and clear margin intact.

Uso incorrecto del logotipo

Las partes del logotipo tienen relaciones de colocación muy específicas entre sí. Las alineaciones crean un sólido cierre. Conocer estas relaciones espaciales es fundamental para mantener la coherencia en toda la marca.

Misuse - Transparency: Route4Me logo shown with reduced opacity (alpha less than 100%) making colors faded; violates visibility standard.
No cambies la transparencia del logotipo
Misuse - Color: Route4Me logo recolored in green with green text, not part of approved palette.
No utilices colores diferentes
Misuse - Structure: Route4Me symbol repositioned incorrectly relative to logotype; alignment between icon and text broken.
No cambies la posición de las partes del logotipo en relación con las demás
Misuse - Proportion: Route4Me logo with symbol enlarged disproportionately compared to text; fixed ratio rule violated.
No cambies el tamaño de las partes del logotipo en relación con las demás
Misuse - Distortion: Route4Me logo stretched horizontally, breaking original aspect ratio 1:1.
No distorsiones el logotipo
Misuse - Effects: Route4Me logo shown with drop shadow applied; violates flat design requirement.
No utilices sombras ni ningún otro efecto
Misuse - Logotype outline: Route4Me text redrawn with stroke around letters, breaking type integrity.
No perfiles el logotipo
Misuse - Typeface: Route4Me logo recreated with non-approved font, not Open Sans; original font family must be preserved.
No reconstruyas con otro tipo de letra

Directrices de uso

Las marcas de Route4Me incluyen el nombre y el logotipo de Route4Me, y cualquier palabra, frase, imagen u otra designación que identifique la fuente o el origen de cualquiera de los productos de Route4Me. No modifiques las marcas ni las utilices de manera confusa, incluida la sugerencia de patrocinio o respaldo de Route4Me, o de una manera que confunda a Route4Me con otra marca (incluida la tuya).

No deberías:

  • Usar logotipos o imágenes similares para representar a Route4Me que no sean los ejemplos que proporcionamos.
  • Utilizar un activo de Route4Me como sustituto del tuyo propio. Si no tienes un logotipo, no cooptes el nuestro.
  • Sobreimprimir u obstruir cualquier parte del logotipo
  • Añadir efectos especiales al logotipo
  • Distribuir o poner a disposición nuestros logotipos, marcas o activos

Colores

A continuación se muestra la paleta de colores oficial de Route4Me. Evita desviarte de este conjunto básico de colores.

Azul primario

HEX: #334799
RGB: R 51 / G 71 / B 153 Correct usage - Primary Blue palette: example swatches in shades around #334799

Acento Naranja

HEX: #FF7B24
RGB: R 255 / G 123 / B 36 Correct usage - Accent Orange palette: example swatches in shades around #FF7B24

Acción Verde

HEX: #A1C060
RGB: R 161 / G 192 / B 96 Correct usage - Action Green palette: example swatches in shades around #A1C060

Texto

HEX: #555555
RGB: R 83 / G 83 / B 83 Correct usage - Text color palette: main text #555555; example background swatches #FFFFFF, #6B8EC7, #FF6400, #A1C060.

Balance de color

Conservar el porcentaje de color aproximado según el gráfico siguiente.

Correct usage - Color balance donut chart: 60% White #FFFFFF, 20% Primary Blue #334799, 10% Accent Orange #FF7B24, 5% Action Green #A1C060, 5% Other Gray #999999.

Tipo de letra

Route4Me usa Open Sans para todos los títulos, botones y textos de párrafos.

Open Sans

Light
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$^&*()_+/-
Regular
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$^&*()_+/-
Semibold
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$^&*()_+/-

Tipografía

Los tamaños de punto e interlineado exactos no son prescriptivos y deben adaptarse al tamaño de los materiales y diseños. Sin embargo, las proporciones generales, los pesos y el seguimiento deben mantenerse intactos en todos los diseños.

Correct usage - Typography guideline: three levels defined with Open Sans. Title: Light 45/45, largest; Subtitle: Regular 18/20, medium; Paragraph: Regular 12/18, smallest. Rule: hierarchy and proportions must remain consistent regardless of scaling.