##### Hello!

This is a Medium Rare template, check out more [here.](https://webflow.com/templates/designers/medium-rare)

# Style Guide

A guide to common components and styles.

#### Colors

Primary colors, pastels, borders and typography.

Primary 1

Primary 1 - Faded

Primary 2

Primary 3

Text Color

Text Color - Faint

Border - Dark

Border - White

#### Typography

Headings, body and other common text elements.

#### Display 1

#### Display 2

# Heading One

## Heading Two

### Heading Three

#### Heading Four

##### Heading Five

###### Heading Six

# Handwriting Text

Lead Text    [Lead Link](/content/template/style-guide#/index.html)

Body Text   [Body Link](/content/template/style-guide#/index.html)

Small Text   [Small Link](/content/template/style-guide#/index.html)

Small Text

[Underlined Link](/content/template/style-guide#/index.html)

#### Icons - Interface

Common interface iconography

#### Icons - Social

Common social network icons

#### Buttons

Component, text style and size variations

###### Sizes

[Small](/content/template/style-guide#/index.html) [Standard](/content/template/style-guide#/index.html) [Large](/content/template/style-guide#/index.html)

###### Colors

[Primary](/content/template/style-guide#/index.html) [Dark](/content/template/style-guide#/index.html) [Primary Faded](/content/template/style-guide#/index.html) [Primary 2](/content/template/style-guide#/index.html) [Primary 3](/content/template/style-guide#/index.html)

[White](/content/template/style-guide#/index.html)

###### Icon Buttons

\
Icon](/content/template/style-guide#/index.html)

#### Text Inputs

Size and state variations for text inputs

###### Inputs

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

###### Text Areas

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

###### Labelled Input

Form Label

* Input hint text

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

#### Form Selectables

Checkboxes, Radios and Select dropdowns

###### Checkboxes

Unchecked

Checked

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

###### Radios

Unselected

Selected

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

###### Select Dropdowns

SelectFirst ChoiceSecond ChoiceThird Choice

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

#### Badges

Combine with other components to display metadata

Badge

Badge

Badge

Badge

Badge