Style Guide

A central guide for common interface components.
Colors
A conveniently prepared palette to easily adjust all colors.
Primary 1
Primary 2
Primary 3
Gray 1
Gray 2
Gray 3
Gray 4
White
Success
Warning
Danger
Typography
Headings, body and other common text elements.

Display One

Display Two

Heading One

Large Heading

Heading Two

Medium Heading

Heading Three

Heading Four

Heading Five
Heading Six
Large Text  Large Link 
Body Text  Body Link
Small Text  Small Link
Tiny Text  Tiny Link
Link with arrow
Icons - Interface
Common interface iconography
Icons - Social
Common social network icons
Buttons
Component, text style and size variations.
Button Sizes
Round Button
Icon Button
Tabs
Multiple styles for displaying tabbed contents.
Tab 1 Content
Tab 2 Content
Tab 3 Content
Tab 1 Content
Tab 2 Content
Tab 3 Content
Tab 1 Content
Tab 2 Content
Tab 3 Content
Tab 1 Content
Tab 2 Content
Tab 3 Content
Badges
Combine with other components to display metadata.
Primary 1
Primary 2
Primary 3
Gray 1
Gray 2
Gray 3
Gray 4
Success
Warning
Danger