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
Finish
Sign up with Google
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 <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