Guía de estilos

Color

HEX #191413

HEX #cd8237

HEX #f7b66b

HEX #6d6d6d

Tipografía

Open Sans


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

Open Sans, 15px / 1.2 / #213f62


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 

Open Sans Bold, 15px / 1.2 / #213f62


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 Active Hover

Rounded corners

6px

Botón Secundario

Normal Active Hover

Botones de texto

Hipervínculo

Hipervínculo

Hipervínculo

Fotografías / Imágenes

Concepto: Fotografías que representen "bienestar" de vivir en Garden, acompañadas de las amenidades que ofrece.


Tratamiento:

Iconos






Los iconos deberán estar trabajados en línea de color

HEX #f7b66b

Spacing

Token

$spacing-01

$spacing-02

$spacing-03

$spacing-04

$spacing-05



$spacing-06

px

5

15

25

35

50


70

Ejemplo

Formulario / Campo

Lorem ipsum:

New Paragraph

Lorem ipsum:

Lorem Ipsum