Style Guide

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

Buttons

Component, text style and size variations

Button Sizes

Small

Standard

Large

Theme Colors

Feedback Colors

Grays & White

Gray 1

Gray 2

Gray 3

Gray 4

White

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

Body Text

Body Link

Small Text

Small Link

text caps

Lists

Headings, body and other common text elements.

Unstyled

• 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