Guía de estilos


Color


HEX #003087

HEX #1F3866

HEX #003EB3

HEX #da291c

HEX #e0ad12

Tipografía


Montserrat 18px


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()

Títulos / Encabezados


Heading 1 - Bold, 40px / 1.5 / #213f62

Heading 2 - Bold, 30px / 1.5 / #213f62

Heading 3 - Bold, 24px / 1.5 / #213f62

Heading 4 - Bold, 18px / 1.5 / #213f62

Heading 5, 16px / 1.5 / #213f62
Heading 6, 14px / 1.5 / #213f62

Tipografía / Párrafos


Cabin, normal, 18px / 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 

Montserrat, 18px / 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 Active

Rounded corners

50%

Botón Secundario

Normal Hover Normal

Botones de texto

Hipervínculo

Hipervínculo

Hipervínculo

Fotografías / Imagenes


Concepto: Estas deberán de presentar al restaurante y los alimentos.


Tratamiento: Rounded corners 2%

                         Shadow color HEX #000000 25%

Iconos







Los iconos deben de estar construidos sobre un grid de 35*35

blanco, azul y oro

Spacing


Token

$spacing-01

$spacing-02

$spacing-03

$spacing-04

$spacing-05



$spacing-06

px

8

16

24

32

40



48

Ejemplo

Formulario / Campo


Lorem ipsum:

New Paragraph

Lorem ipsum:

New Paragraph


Share by: