WEB STYLE GUIDE

Accent

Accent (Buttons)

Accent Darker

Accent (Hover, Links)

Dark

Text: Body

Dark Darker

Primary: Headings

Light

Headings on Dark, Backgrounds

Light Darker

Body on Dark

Accent 2

Accent 2 Darker

Accent 2 (Hover)

VIEWPORT SIZE (Clamp)

360px to 1.140px

T - CAT Carta (40 to 32)

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie.

DESC - CAT Carta (16)

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie.

T - PLATO Carta (20)

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie.

DESC - PLATO Carta (14,4)

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie.

PRECIO - PLATO Carta (17,6 to 16)

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie.

TITLE 1 (64 to 48)

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos arcu ut.

TITLE 2 (48 to 38,4)

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur.

TITLE 3 (40 to 33,6)

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim.

TITLE 4 (32 to 28,8)

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur ullamcorper, condimentum

TITLE 5 (28 to 25,6)

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur ullamcorper, condimentum.

TITLE 6 (24 to 22,4)

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse.

TITLE 7 (20 to 19,2)

Lorem ipsum dolor sit amet consectetur adipiscing elit habitasse imperdiet laoreet sagittis auctor tempus, magna fermentum interdum ac est habitant tristique ornare posuere cum suspendisse. Auctor sollicitudin molestie.

SUBTITLE 7 (19,2)

Lorem ipsum dolor sit amet consectetur adipiscing elit himenaeos, arcu ut mollis leo curabitur dignissim pretium nascetur.

BODY (16)

BODY BOLD (16)

BODY LARGE (18)

BODY SMALL (14)

Boxed container with top & bottom padding L

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales.