STYLE GUIDE

TYPOGRAPHY

Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference
Type Scale.

The highlighted divisions you would see down below, represent the bottom margin each of them have.

Headings

HEADING 1

HEADING 2

HEADING 3

HEADING 4

HEADING 5
HEADING 6

Paragrah

 

Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference Type Scale.

The highlighted divisions you would see down below, represent the bottom margin each of them have.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tellus euismod purus eu, vulputate urna etiam pretium diam congue. Tortor rutrum nunc eget viverra. Nascetur facilisis volutpat id velit proin rhoncus non cras erat. Integer sodales nec ac quis pellentesque aliquam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tellus euismod purus eu, vulputate urna etiam pretium diam congue. Tortor rutrum nunc eget viverra. Nascetur facilisis volutpat id velit proin rhoncus non cras erat. Integer sodales nec ac quis pellentesque aliquam.

- Lorem ipsum dolor sit amet, consectetur adipiscing elit.

BUTTONS

You can set up various buttons style to help visually communicate primary, secondary, and tertiary actions you want a
visitor to take.

Inputs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus amet egestas suspendisse tempus blandit id ultricies
nisi sagittis. Tempor, purus sed gravida accumsan quis. Dolor, porta ipsum non sit ipsum consectetur. Pulvinar odio
viverra aliquam viverra dui. Elementum pellentesque etiam justo mollis blandit.

Text

Radio/Checkbox

Select

Text-area

FORMS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus amet egestas suspendisse tempus blandit id ultricies
nisi sagittis. Tempor, purus sed gravida accumsan quis. Dolor, porta ipsum non sit ipsum consectetur. Pulvinar odio
viverra aliquam viverra dui. Elementum pellentesque etiam justo mollis blandit.