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
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.
Copyright © 2020 DesignPlus S.A.S
Todos los derechos reservados
Top crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram