Skip to Content

Web Styleguide

Colors palette

Primary Colors

COPIED!

HEX

RGB

CMYK

COPIED!

HEX

RGB

CMYK

COPIED!

HEX

RGB

CMYK

COPIED!

HEX

RGB

CMYK

COPIED!

HEX

RGB

CMYK

NEUTRALS

COPIED!

HEX

RGB

CMYK

COPIED!

HEX

RGB

CMYK

COPIED!

HEX

RGB

CMYK

COPIED!

HEX

RGB

CMYK

COPIED!

HEX

RGB

CMYK

FONTS

Aa

Aa

Aa

Aa

TYPOGRAPHY

H1

This is a headline

H2

This is a headline

H3

This is a headline

H4

This is a headline

H5

This is a headline

H6

This is a headline

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet pharetra metus. Sed a purus massa. Cras tempus pharetra quam, nec mattis dui semper et. Nunc sapien arcu, bibendum a euismod eget, facilisis quis nisl.

Logo

IMAGERY

Buttons

Primary

button hover active 
[btn target="_blank" url="https://www.google.com/" type"primary" size="normal"]Short Code Button[/btn]
copy shortcode

Secondary

button hover active 
[btn target="_blank" url="https://www.google.com/" type"secondary" size="normal"]Short Code Button[/btn]
copy shortcode

Small Buttons

small button small hover small active
small button small hover small active 
[btn target="_blank" url="https://www.google.com/" type"secondary" size="small"]Short Code Button[/btn]
[btn target="_blank" url="https://www.google.com/" type"primary" size="small"]Short Code Button[/btn]
copy shortcode

Social Links

INPUT FIELDS

Lists

  • Unordered List
  • Unordered List
  • Unordered List
  1. Unordered List
  2. Unordered List
  3. Unordered List

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu condimentum ex, non tincidunt enim. Quotee