Brand Guidelines - Renta en Linea by All Creativity

DISEÑO & GUÍA DE MARCA

CONTACTO

TELÉFONO

ONLINE

RentaenLinea.com Av. Empresarios # 135 piso 7 Torre Skalia Col. Puerta de Hierro Zapopan, Jalisco. México.

+52 (33) 8000.0529

RentaenLinea.com contacto@rentaenlinea.com

RentaenLinea.com INTRODUCCIÓN Este manual reúne las herramientas básicas para el correcto uso y aplicación gráfica de la marca RentaenLinea.com en todas sus posibles expresiones. Ha sido ideado pensando en las necesidades de todas aquellas personas responsables de interpretar, articular, comunicar y aplicar la marca en sus diferentes ámbitos. El correcto y consistente uso de la marca RentaenLinea.com contribuirá a que consigamos los objetivos de identificación y refuerzo de la misma. Es un trabajo de equipo, en el que todos participamos para hacer de RentaenLinea.com una gran marca.

CONTENIDO •

Logotipo Corporativo ■ Forma & Diseño ■ Construcción & Geometría ■ Margen de Espacio ■ Aplicaciones & Versiones

•

Tipografías Corporativas ■ Tipografía & Jeraquía de Textos

•

Colores Corporativos & Sitema de Color

•

Usos Correctos de Logotipo

•

Imágenes & Mezclas Correctas

•

Iconografía 3

LOGOTIPO CORPORATIVO Para evitar resultados no deseados en la puesta en práctica de la marca RentaenLinea.com se tienen que seguir una serie de normas genéricas. La marca RentaenLinea.com está construida a base de un símbolo, un logotipo y colores corporativos que se deberán respetar por su uso correcto.

FORMA & DISEÑO I S OT I P O El isotipo está conformado por la abstracción de las letras “RnL”, donde las mismas representan una casa, rematado con lineas que forman dos círculos visuales discontinuos. Símbolo sencillo que puede ser captado y recordado facilmente.

LO G OT I P O

Nombre con el sufijo “.com”, representando la marca digital. Se representac on la tipografía “Lato” que tiene un estilo de letra serif moderna y legible. Se intercalan el estilo Bold y el estilo Light de la familia tipográfica.

CONSTRUCCIÓN & GEOMETRÍA

I S OT I P O Para la construcción sse utilizan formas geométricas simples: circulos, rectangulos y triángulos.

TIPOGRAFÍA La tipografía se espacia de manera normal con un tracking y kerning de “0%”

LOGOTIPO CORPORATIVO

MARGEN DE ESPACIO M A R G E N & E S PA C I A D O Para asegurar la óptima aplicación y percepción del logosímbolo en todos los soportes y formatos, se ha determinado un área de seguridad que establece una distancia mínima respecto a los textos y elementos gráficos equivalente al símbolo del propio logotipo.

30 px

70 px

30 px

200 px

20 px

30 px

4200 px

APLICACIONES & VERSIONES LOGO FONDO BLANCO

#FFFFFF

LOGO FONDO VERDE

#00D223

LOGO FONDO AZUL

#00B4FF

LOGOTIPO CORPORATIVO

LOGO FONDO NERGRO

#000000

LOGO FONDO OBSCURO

#293B47

LOGO FONDO AZUL

#6D6E71

TAMAÑOS DE PRESENTACIÓN

TA M A Ñ O S M Í N I M O S

Para asegurar la óptima aplicación y percepción del logotipo en todos los soportes y formatos, se han determinado diferentes tamaños mínimos para su reproducción.

400 x 120 px

283 x 85 px

217 x 65 px

FUENTES CORPORATIVAS & TIPOGRAFÍA

La tipografía es la forma de escribir con diferentes tipos de letras y caligrafía. Esto es especialmente importante en lo que respecta a la publicidad, el marketing, el diseño, el arte y muchas otras actividades en las cuales lo visual es esencial para atraer la atención del público o generar diferentes reacciones en él.

TIPOGRAFÍA P R I N C I PA L

L ATO

Lato es una tipografía familia sanserif diseñada en el Verano del 2010 por Warsaw- basado en el diseño de Łukasz Dziedzic (“Lato” significa “Verano” en Placo)

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz

Black

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz

Regular

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz

Light

! “ ”· $ % & ( ) = ? ¿ ^ * ¨ ¨ } { –. , _ - ç ´ + ` ¡ ’ # @ | \º < >

Glyps

1234567890

® © £ « » π • € Ω ∑ ∏ ∞ ∆™ ƒ ≈ ≤ ≥ ≠ œ æ

TIPOGRAFÍA SECUNDARIA

SOURCE SANS PRO

Source Sans Pro fue diseñada por Paul D. Hunt como primer tipografía libre de Adobe, concebida primeramente como tipografía para interfaces de usuario. Source Sans Pro se trazó con inspiración de la claridad y legibilidad que dicta la twentieth-century American gothic typeface designs.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz

Bold

1234567890

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz

Regular

1234567890

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz

Light

!“”·$%&()=?¿^*¨¨}{–.,_-ç´+`¡’#@|º<>

Glyps

1234567890

®©£«»π•€Ω∑∏∞∆™ƒ≈≤≥≠œæ

TIPOGRAFÍA & JERAQUÍA DE TEXTOS Títulos & Typebreakes Secuencias & Títulos para Marketing

Big Header & Títulos

SubTítulos & Secciones

TÍTULOS TÍTULOS TÍTULOS

48pt 38px

Lato Black Light

38pt 30px

Lato Black Light

25pt 20px

Lato Black Light

35pt 26px

Source Sans Pro Regular

25pt 19px

Source Sans Pro Regular

SubTítulos Alternativos

Big Header & Títulos

SUBTÍTULOS

SubTítulos & Secciones

SUBTÍTULOS

Impresión

Textos Largos y Parrafos

Texto plano

11pt - 9px

Source Sans Pro - Regular

While having drinks with Tibor Kalman one night, he told me, “When you make something no one hates, no one loves it.” You need to sit down and sketch more ideas because stalking your ex on facebook isn’t going to get you anywhere. Design is all about relationships—the relationship of form and content, the relationship of elements, the relationship of designer and user. Can we all just agree as the greater design community to stop talking about Comic Sans altogether? It’s getting old. If you’re not being honest with yourself how could you ever hope to communicate something meaningful to someone else? If you give up, you will achieve nothing. Intuition is important. Never let your guard down by thinking you’re good enough. Make your work consistent but not predictable. You won’t get good at anything by doing it a lot aimlessly. Widows and orphans are terrible tragedies, both in real life and definitely in typography. Your rapidograph pens are dried up, the x-acto blades in your bag are rusty, and your mind is dull. Stop clicking your mouse, get messy, go back to there.

Digital

Textos Largos y Parrafos

Texto plano

13pt - 10px

Source Sans Pro - Regular

SISTEMA PRIMARIO DE COLOR CÃ&#x201C;DIGOS DE COLOR

Azul HEX RGB HSV CMYK

#00B4FF 0 / 180 / 255 198 / 100 / 100 100 / 29 / 0 / 0

T O N O S D E COLOR

100%

80%

60%

40%

D EG R AD AD O

#00D223 0 / 210 / 35 130 / 100 / 82 100 / 0 / 83 / 18

TONOS DE COLOR

20%

100%

80%

60%

DEGRADADO

40%

20%

SISTEMA SECUNDARIO DE COLOR

DECORATIVO, FORMAS Y FONDOS

CONTRASTES, TEXTOS Y FONDOS

HEX

#00AA1C

RGB

0 / 170 / 28

HSV

130 / 100 / 67

CMYK

100 / 0 / 84 / 33

HEX

#008BE3

RGB

0 / 139 / 227

HSV

203 / 100 / 89

CMYK

100 / 39 / 0 / 11

HEX

#293B47

RGB

41 / 59 / 71

HSV

204 / 42 / 28

CMYK

42 / 17 / 0 / 72

HEX

#ABABAB

RGB

171 / 171 / 171

HSV

0 / 0 / 67

CMYK

0 / 0 / 0 / 33

HEX

#4D4D4D

RGB

77 / 77 / 77

HSV

0 / 0 / 30

CMYK

0 / 0 / 0 / 70

USOS CORRECTOS DEL LOGOTIPO Original

Color Oscuro

Escala de Grises

Color Azul

Color Verde

Fondo Oscuro

Original Fondo Oscuro

Azul Fondo Oscuro

Verde Fondo Oscuro

El uso del isotipo individual puede ser utilizado en cualquiera de las presentaciรณnes correctas, pero se recomienda sรณlo como apoyo grรกfico o complemento.

USOS INCORRECTOS DEL LOGOTIPO Original

Color Oscuro

Fondo Oscuro

Color Azul

Color Verde

Fondo Oscuro

Original Fondo Oscuro

Azul Fondo Oscuro

Verde Fondo Oscuro

RentaenLinea.com Se restringe el uso del logotipo en general cuando se cambie cualquier color no especificado en la gama permitida, cualquier deformación o distorsión, quitar piezas o elementos que lo conforman, hacer una combinación de los colores erronea o que sea ilegible, cambiar de tipografía al logotipo en general. 21

IMÁGENES & MEZCLAS CORRECTAS PANTALLAS EN GRISES SOBRE IMAGEN A FULL

*Utilizando “Overlay” o “Multiply”

*Imágenes de tipo: Sepia - B/N Angulos Modernos - Efecto Vintage

IMÁGENES A FULL *Se puede aplicar alguno de los colores del sistema primario

IMÁGENES EN ESCALA DE GRISES CON LÍNEAS DE COLOR

*Las líneas de colores deben de ingresar a la imagen e interactuar de un modo en que no resten interés a la imagen de fondo.

*Utilizando: - “Overlay” - “Multiply”

COLORES PARA INTEGRAR TEXTOS

ICONOGRAFÍA DIGITAL

CREDITOS DE LOS CREADORES

Manual de IdentIdad vIsual CorporatIva RentaenLinea.com Créditos de la presente edición: ©2016 All creativity Autor de la presente edición: Jorge Alberto Aragón Sánchez Licenciado en Diseño Gráfico Colaboradores: Alejandro Agredano Dibujo, Diseño y Estética Erik Salazar Licenciado en Animación y Motion Graphics La presente edición (tomo I) es la primera edición del Manual de Identidad visual Corporativa de RentaenLinea.com Créditos Se prohibe por ley la reproducción total o parcial del contenido de esta edición. no está permitida su copia, ni la transmisión bajo forma alguna, o a través de cualquier medio, ya sea electrónico, mecánico, por fotocopia o grabación, ni por otros métodos , sin el permiso previo y por escrito del titular del Copyright. © All creativity y RentaenLinea.com.

Creativity is the key to success in the future

WE LOVE BRAND

CONTACTO

TELÉFONO

ONLINE

RentaenLinea.com Av Empresarios # 135 piso 7 Torre Skalia Col. Puerta de Hierro Zapopan, Jalisco. México.

+52 (33) 8000.0529

RentaenLinea.com contacto@rentaenlinea.com