# Style Guide

A complete guide to all Ollie's modular interface elements.

###### Buttons

Component, text style and size variations

###### Button Sizes

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

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

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

###### Theme Colors

###### Feedback Colors

###### Grays & White

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

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

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

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

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

###### Circle Buttons

###### Icons

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

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

\
\
Sign up with Google](/content/template/style-guide#/index.html)

###### Typography

Headings, body and other common text elements.

# Heading One

## Heading Two

### Heading Three

#### Heading Four

##### Heading Five

###### Heading Six

###### Heading Six - Class H6 Small

Text Large

[Link Large](/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)

text caps

###### Lists

Headings, body and other common text elements.

###### Unstyled <ul></ul>

- Dope
- Sick
- Amazing

###### Colored Bullets

- Dope
- Sick
- Amazing

###### Checklist

-  Dope
-  Sick
-  Amazing

###### Icons - Interface

Headings, body and other common text elements.

###### Icons - Social

Icons for popular social networks.

###### Avatars

Multiple sizes and styles to represent users around the interface.

###### Avatar Sizes

###### Avatar Group

###### Avatar with name

Katherine Cho