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
Small
Standard
Large
Color Variations
Primary 1
Primary 2
Primary 3
Gray 1
White
Round Button
Icon Button
Search
Tabs
Multiple styles for displaying tabbed contents.
Individuals
Families
Couples
Tab 1 Content
Tab 2 Content
Tab 3 Content
Individuals
Families
Couples
Tab 1 Content
Tab 2 Content
Tab 3 Content
Individuals
Families
Couples
Tab 1 Content
Tab 2 Content
Tab 3 Content
Individuals
Families
Couples
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