style guide

Color

HEX #003087

HEX #1F3866

HEX #003EB3

HEX #da291c

HEX #e0ad12

Typography

Montserrat 18px


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()


ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

1234567890 ¿?¡!@_*()

Titles / Headers

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

Typography / Paragraphs

Cabin, normal, 18px / 1.2 / #000000


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolor magna aliquam erat volutpat. As I have seen, I will come to a minimum, who will take part in the exercise of the corporal punishment in order to get some benefit from it. Duis, or him iriure pain in the hendrerit in vulputate velit

Montserrat, 18px / 1.2 / #000000


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

Buttons

primary button

Normal Hover Active

Rounded corners

50%

Secondary button

Normal Hover Normal

text buttons

hyperlink

hyperlink

hyperlink

Photographs / Images

Concept: These must present the restaurant and the food.


Treatment: Rounded corners 2%

                         Shadow color HEX #000000 25%

icons






The icons must be built on a 35*35 grid

white, blue and gold

Spacing

Token

$spacing-01

$spacing-02

$spacing-03

$spacing-04

$spacing-05



$spacing-06

px

8

16

24

32

40



48

Ejemplo

Form / Field

Lorem Ipsum:

New Paragraph

Lorem Ipsum:

New Paragraph