GUÍA DE ESTILO

Brand Guidelines

Esta guía contienen la información básica necesaria para crear todos los materiales y complementos que la marca necesita y asegurar que la identidad de la compañía sea consistente en todos los medios. Una marca consistente transmite credibilidad y destaca entre su competencia.

 

Este documento consta de 3 partes. en la primera parte se definen los signos de identidad de la marca. En la segunda se describe como usarlos y finalmente en el Centro de Descargas se podrá acceder a las versiones digitales de la marca, tipografías y otros materiales necesarios.

NUESTROS VALORES

Quienes somos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.

Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

La marca

Versión compacta

La marca

Versión apaisada

MARCA + GENÉRICO

Versión compacta

MARCA + GENÉRICO

Versión apaisada

MARCA + GENÉRICO

Versión responsive header

la MARCA

Versión en negativo
Modificada opticamente para mejorar legibilidad y reducciones.  

LA MARCA

Versión monocromática
Solo para casos en que por requerimientos técnicos solo pueda usarse un color.

EL COLOR

SIGNOS DE IDENTIDAD

Colores Primarios

.bg-red-light

RGB:  229  9  20

HEX:  #e50914

CMYK:  0  99  96  0

.bg-red-dark

RGB: 178  7  16
HEX: #b20710
CMYK: 20  100  100  10

.bg-blue-light

RGB:  48  69  130

HEX:  #304582

CMYK:  95  80  20  5

.bg-blue-dark

RGB:  0  37  94

HEX:  #00255e

CMYK:  100  90  40  30

SIGNOS DE IDENTIDAD

Grises

.bg-grey-new1

RGB:  220  223  234

HEX:  #dcdfea

 

.bg-grey-new2

RGB:  191  194  209

HEX:  #bfc2d1

 

.bg-grey-new3

RGB:  161  163  183
HEX:  #a1a3b7

.bg-grey-new3

RGB:  123  123  145
HEX:  #7b7b91

SIGNOS DE IDENTIDAD

Colores de apoyo

.bg-yellow-light

RGB:  255  204  0

HEX:  #ffcc00

.bg-yellow-dark

RGB:  255  157  0

HEX:  #ff9d00

.bg-orange-dark

RGB:  255  86  41

HEX:  #ff5629

.bg-fucsia-light

RGB:  255  50  183

HEX:  #ff32b7

.bg-fucsia-dark

RGB:  201  0  174

HEX:  #c900ae

.bg-purple-light

RGB:  162  80  255

HEX:  #a250ff

.bg-purple-dark

RGB:  111  19  191

HEX:  #6f13bf

.bg-cyan-light

RGB:  0  187  255

HEX:  #00bbff

.bg-cyan-dark

RGB:  0  128  254

HEX:  #0080fe

.bg-aqua-light

RGB:  0  227  255

HEX:  #00e3ff

.bg-aqua-dark

RGB:  0  166  204

HEX:  #00a6cc

.bg-green-light

RGB:  165  214  0

HEX:  #a5d600

.bg-green-dark

RGB:  108  175  0

HEX:  #6caf00

SIGNOS DE IDENTIDAD

Degradaciones monotonales

#ffcc00

.bg-grad-yellow-new

#ff9d00

 

#ff9d00

.bg-grad-orange-new

#ff5629

#e50914

 

.bg-grad-red-new

#b20710

 

#ff32b7

.bg-grad-fucsia-new

#c900ae

 

#a250ff

.bg-grad-purple-new

#6f13bf

 

#00bbff

.bg-grad-cyan-new

#0080fe

 

#0080fe

.bg-grad-navy-new

#00255e

#304582

.bg-grad-blue-new

#00255e

 

#00e9ed

.bg-grad-aqua-new

#00a6cc

 

#a5d600

.bg-grad-green-new

#6caf00

 

SIGNOS DE IDENTIDAD

Degradaciones politonales

#e50914

 

.bg-grad-red2fucsia-new

#ff32b7

 

#e50914

 

.bg-grad-red2yellow-new

#ff9d00

#ff32b7

 

.bg-grad-fucsia2yellow-new

#ff9d00

#ff32b7

 

.bg-grad-fucsia2orange-new

#ff5629

#ff32b7

.bg-grad-fucsia2purple-new

#a250ff

 

#00bbff

.bg-grad-cyan2purple-new

#a250ff

 

#00bbff

.bg-grad-cyan2green-new

#a5d600

#ffcc00

.bg-grad-yellow2green-new

#a5d600

La TIPOGRAFÍA

SIGNOS DE IDENTIDAD

Fuentes Primarias

SIGNOS DE IDENTIDAD

Fuentes secundarias

Open Sans

Open Sans ExtraBold

Open Sans Bold

Open Sans Semibold

Open Sans Regular

Open Sans Light