Style Guide

Colors

Primary

#282145

Secondary

#ff0066

Gray

#73787e

Light Magenta

#e5005c

Dark Magenta

#cc0052

Dark Gray

#44474b

Medium Gray

#b9c1ca

Light Gray

#e3e6ea

White Gray

#f2f3f5

White

#ffffff

Font Families

Font Family:

Styles:

Google Font

Montserrat

500 - Medium

600 - Semibold

700 - Bold

Aa

Montserrat

Font Family:

Styles:

Google Font

Muli

400 - Regular

400 - Regular Italic

500 - Medium

600 - Semibold

700 - Bold

700 - Bold Italic

Aa

Muli

Typography

H1

h1-text-x-large

Lorem Ipsum

H1

h1

Lorem Ipsum

H2

h2-secondary-color

h2-light-color

h2

Uppercase Lorem ipsum

UPPERCASE white Lorem ipsum

Capitalize Lorem ipsum HOLA

H3

h3

capitalize Lorem ipsum

H4

h4-uppercase

h4-light-color-uppercase

h4

h4-light-color

Uppercase Lorem ipsum pain

Uppercase white Lorem ipsum

Capitalize Lorem ipsum pain

Capitalize white lorem ipsum

Paragraph

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.

Paragraph Small

paragraph-small

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.

Paragraph Big

paragraph-big

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Text Small

text-small

text-small +
font-weight-medium

Lorem ipsum pain sit amet, consectetuer adipiscing elit, ut laoreet dolore magna aliqua

Text Big

text-big

“This is a block of text. Double-click this text to edit it ”

Text Light

text-light-color

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Buttons / Links

learn more

Primary Button

Text lik arrow

Text Link Arrow

text link

Text Link

Forms

Hablemos de tu tienda online

This is a block of text. Double-click this text to edit it.

[happyforms id="96" /]

Hablemos de tu tienda online

This is a block of text. Double-click this text to edit it.

[hubspot type=form portal=2296049 id=b886bafb-1a50-47fc-91ad-a01b7dec70db]

This is a block of text. Double-click this text to edit it.