Bienvenidos a nuestra nueva guía de estilo digital


Esta guía presenta herramientas visuales que usamos para expresar nuestra marca: la paleta de colores, tipografía, íconos y la extensión de marca de Extended Stay America.  Explica cómo la usamos y ofrece ejemplos claros de cómo se los aplica en comunicaciones.
Nuestro sitio web es una plataforma bien visible donde nuestros clientes van a enterarse de nuestra marca. Una acción conjunta es fundamental para conservar su negocio.

Creado en enero 2020

TIPOGRAFÍA

La tipografía es un elemento vital para formar la percepción de la identidad de nuestra marca. Tendrá cerca de 60 caracteres por línea si desea una buena experiencia de lectura. La cantidad correcta de caracteres en cada línea es clave para la legibilidad de su texto.
fonts.google.com/specimen/Open+Sans

Nombre Familia de fuentes Peso de la fuente Tamaño de la fuente Altura de la línea Espacio entre letras Color

Encabezado 1

AG Book Pro Negrita 700 34 42 - #473729

Encabezado 2

AG Book Pro Semi Negrita 500 24 28 - #473729

Encabezado 3

Open Sans Semi Negrita 500 18 24 - #473729

Encabezado 4

Open Sans Semi Negrita 500 16 20 - #473729
Encabezado 5
Open Sans Regular 400 14 17 - #54585A

Párrafo

Arial Regular Regular 400 14 15 - #54585A

Botón grande

Open Sans Semi Negrita 17 22 - #FFFFFF

Botón pequeño

Open Sans Semi Negrita 14 18 - #FFFFFF

COLORES


Nuestros colores Corporativos son parte esencial y distinguible de nuestra identidad al hacer que nuestra marca sea reconocida al instante. Cuando se los aplica consistentemente, nuestros colores Corporativos también ofrecen una sólida conexión visual entre varios materiales y comunicaciones y diferencia nuestra compañía de la competencia.

Colores Primarios


#74BE4C

RGB (116, 190, 76)

#ACD894

RGB (172, 216, 148)

#473729

RGB (71, 55, 41)

#FFFFFF

RGB (255, 255, 255)

Colores Secundarios

#54585A

RGB (196, 98, 45)

#D0D0CE

RGB (208, 208, 206)

#17355E

RGB (27, 54, 93)

#8E9FBC

RGB (142, 159, 188)

#FF771C

RGB (255, 119, 28)

Colores de Resalte

#D11313

RGB (209, 19, 19)

#0569FF

RGB (5, 105, 255)

#3AC430

RGB (58, 196, 48)

#FE9705

RGB (254, 151, 5)
Rojo: error, equivocado
Azul: Información
Verde: éxito, correcto, seguro
Amarillo: alerta, aviso, advertencia

Gradientes

#579E30

45°

#74BE4C

#3E3E3E

45°

#A9A9A9

BOTONES


Botones





ICONOGRAFÍA


18px - 24px - 36px

feathericons.com