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
Primary 4
Gray 1
Gray 2
Gray 3
Gray 4
White
Success
Warning2
Danger
Typography
Headings, body and other common text elements.

Display one

Display two

Display three

Display four

Display five

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Large Text  Large Link
Body Text   Body Link
Body Text   Body Link
Small Text  Small Link
Tiny Text  Tiny Link