Style Guide

This Style Guide provides a central location to make stylistic changes to your site.

Color

Color is a great way to impart vitality, provide visual continuity, communicate status information, give feedback in response.
#191919
#FFFFFF
#D9C8B2
#B7B2D9
#B2D9D8
#B2D9D8

Headings

A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading. The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least.

Heading 01 - 64px

Heading 02-48px

Heading 03-40px

Heading 04-28px

Heading 05-24px
Heading 06-20px
Heading 07-18px(Medium)
Heading 08-16px(Medium)

Body01-18px

Body02-16px

Tag 14px

Buttons

The button tag defines a clickable button. Inside a button element you can put text.

Heading

Heading

Heading

Heading

Heading
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.