Guía de estilos


Color


HEXÁGONO #e0bbb0

HEXÁGONO #c4c6a7

HEXÁGONO #b6ced0

HEXÁGONO #fbf0c3

HEXÁGONO #f1bf96

Tipografía


Poppins


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()

Títulos / Encabezados


Título 1 - Negrita, 48 px

/ 1.5 / #e0bbb0

Título 2 - Negrita, 4

0px / 1.5 / #e0bbb0

Título 3 - Negrita, 36 px / 1,5

/ #3f3f3f

Título 4 - Negrita, 30 px / 1,5 / #3f3f3f

Título 5, 24px / 1.5 / #b6ced0
Título 6, 20px / 1.5 / #b6ced0

Tipografía / Párrafos


Poppins, 16 píxeles / 1,2 / #000000


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolor magna aliquam erat volutpat. Porque, como he visto, llegaré a un mínimo de quién participará en el ejercicio del cuerpo para beneficiarse de él de alguna manera. Duis, o él dolor iriure en el hendrerit en vulputate velit

Poppins Bold, 16 píxeles, 1,2 píxeles, n.º 000000


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

Botones


Botón Primario

Normal Flotar Activo

Esquinas redondeadas

6%

Botón Secundario

Normal Flotar Activo

Botones de texto

Hipervínculo

Hipervínculo

Hipervínculo

Fotografías / Imagenes


Concepto: Estas deberán de representar los servicios que ofrece la agencia al igual que imágenes del portafolio.


Tratamiento: Rounded corners 2%

Color de sombra HEX #000000 25%

Iconos







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

Espaciado


Ficha

$espaciado-01

$espaciado-02

$espaciado-03

$espaciado-04

$espaciado-05



$espaciado-06

px

8

16

24

32

40



48

Formulario / Campo


Servicio al cliente:

Punto y aparte

Servicio al cliente:

Muchas gracias