Elements

Getting Started

Welcome to your project's style guide. Use this area to keep track of all your websites typography, themes and interface elements.

Sizing

Buttons

Adjust the font-size, font-weight, padding, and height styles for each different combo size below on the "Button Body" class.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Icon Buttons

Adjust the padding sizes for each different combo size below on the "Icon Button" class.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Segmented Buttons

Adjust the padding, height, font-size for each different combo size below on the "Seg Button Body" class.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Submit Buttons

Adjust the font-size, font-weight, padding, and height styles for each different combo size below on the "Submit Button" class.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Text Links

Adjust the font-size, font-weight and letter-spacing styles for each different combo size below on the "Text Link Body" class.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Inline Links

Elements that encourage the user to take action. Set the sizing for each item below.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Pills

Elements that encourage the user to take action. Set the sizing for each item below.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Interface Icons

Elements that encourage the user to take action. Set the sizing for each item below.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Text Fields

Text fields let users enter and edit single lines of text. Set the sizing for each item below.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Text Areas

Text areas let users enter and edit multiple lines of text. Set the sizing for each item below.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Checkboxes

Checkboxes allow users to select one or more items from a set. Set the sizing for each item below.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Radio Buttons

Radio buttons allow users to select one option from a set. Set the sizing for each item below.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Select Fields

Select buttons allow users to select one option using a dropdown. Set the sizing for each item below.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Containers

Containers effect the width of our content. Set the sizing for each item below.

Margins

Set the sizing for each item below.