Un logotipo rojo y blanco para consultoría de seguros.

Guía de estilos


A logo for consultoria en seguros avanzando juntos

Color


HEX #b50938

HEX #d41135

HEX #75091d

HEX #0580a8

HEX #d4d4d4

Tipografía


Muli


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()

Títulos / Encabezados


Heading 1 - Bold, 48px / 1.5 / #000000

Heading 2 - Bold, 36px / 1.5 / #000000

Heading 3 - Bold, 30px / 1.5 / #000000

Heading 4 - Bold, 24px / 1.5 / #000000

Heading 5, 18px / 1.5 / #75091d
Heading 6, 14px / 1.5 / #75091d

Tipografía / Párrafos


Muli, 16px / 1.2 / #000000


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 

Muli Bold, 16px / 1.2 / #000000


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Botones


Botón Primario

Normal Hover Normal

Rounded corners

4%

Botón Secundario

Normal Hover Active

Botones de texto

Una flecha apuntando hacia arriba en un círculo sobre un fondo blanco.

Hipervínculo

Hipervínculo

Hipervínculo

Fotografías / Imagenes


Concepto: Estas deberán de presentar profesionales de seguros, familias y empresas.


Tratamiento: Rounded corners 2%

                         Shadow color HEX #000000 25%

Dos mujeres están sentadas en una mesa mirando una tableta.
Una familia camina por la playa tomados de la mano.

Iconos


Una lupa mira un trozo de papel.
Un dibujo en blanco y negro de dos manos dándose la mano.
Un dibujo en blanco y negro de un sobre sobre un fondo blanco.






Los iconos deben de estar construidos sobre un grid de 64*64 en outline de 2px color HEX #d41135

Spacing


Token

$spacing-01

$spacing-02

$spacing-03

$spacing-04

$spacing-05



$spacing-06

px

8

16

24

32

40



48

Ejemplo

Formulario / Campo


Contact Us


Share by: