Table of Contents
Colors
1 - Text
GREEN
GREEN-LIGHT
BLUE
RED
ORANGE
GREY
GREY-LIGHT
GREY-DARK
BLACK
WHITE
2 - Backgrounds
GREEN
GREEN-LIGHT
BLUE
RED
ORANGE
GREY
GREY-LIGHT
GREY-DARK
BLACK
WHITE
Icons
Iconset
- — Account
- — Arrow-Down
- — Arrow-Right
- — Calendar
- — Close
- — Github
- — Google+
- — Info
- — Location
- — Quotation
Sizes
- — Micro
- — Small
- — Default
- — Large
- — Extra Large
Variants
- Inline (Adds right whitespace)
Typography
1 - Headline Types
H1 Heading
H2 Heading
H3 Heading
2 - Paragraphs
Left aligned Paragraph
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum cumque minus, error. Magni officiis eveniet sunt, reprehenderit aliquid quam quo laborum, est ea temporibus pariatur ullam dolore iusto totam asperiores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, sit odio soluta aspernatur omnis error alias ipsa modi ducimus tempore necessitatibus eveniet velit iure, corporis distinctio dicta cum voluptatibus accusantium!
Right aligned Paragraph
Lorem ipsum dolor sit quo laborum, est ea temporibus pariatur ullam dolore iusto totam hal asperiores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, sit odio soluta aspernatur omnis error alias ipsa modi ducimus tempore necessitatibus eveniet velit iure, corporis distinctio dicta cum voluptatibus accusantium!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum cumque minus, error. Magni officiis eveniet sunt, reprehenderit aliquid quam quo laborum, est ea temporibus pariatur ullam dolore iusto totam asperiores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, sit odio soluta aspernatur omnis error alias ipsa modi ducimus tempore necessitatibus eveniet velit iure, corporis distinctio dicta cum voluptatibus accusantium!
Centered aligned Paragraph
Lorem ipsum dolor sit quo laborum, est ea temporibus pariatur ullam dolore iusto totam hal asperiores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, sit odio soluta aspernatur omnis error alias ipsa modi ducimus tempore necessitatibus eveniet velit iure, corporis distinctio dicta cum voluptatibus accusantium! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum cumque minus, error. Magni officiis eveniet sunt, reprehenderit aliquid quam quo laborum, est ea temporibus pariatur ullam dolore iusto totam asperiores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, sit odio soluta aspernatur omnis error alias ipsa modi ducimus tempore necessitatibus eveniet velit iure, corporis distinctio dicta cum voluptatibus accusantium!
3 - Other Text Elements
- Bolded
- Italicized
- Colored
- Underlined
- Small
Strikethrough
4 - List Types
- Item
-
Another Item w/ child elements
- Child Item
- Child Item
- Item
- Item 1
-
Item 2
- Item 2.1
- Item 2.2
- Item 3
5 - Code Blocks
// A Method
var methodName = function (a) {
return 'foo bar';
};
7 - Quotation
A Blockquote - Lorem ipsum dolor sit quo laborum, est ea temporibus pariatur ullam dolore iusto totam hal asperiores.
Peter Fox - Stadtaffen
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum cumque minus, error. Magni officiis eveniet sunt, reprehenderit aliquid quam quo laborum, est ea temporibus pariatur ullam dolore iusto totam asperiores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur, sit odio soluta aspernatur omnis error alias ipsa modi ducimus tempore necessitatibus eveniet velit iure, corporis distinctio dicta cum voluptatibus accusantium! consectetur adipisicing elit. Consectetur, sit odio soluta aspernatur omnis error alias ipsa modi ducimus tempore necessitatibus eveniet velit iure, corporis distinctio dicta cum voluptatibus accusantium!
An inline quotation
Figures
Figure default
Figure w/ Caption
Figure full-width
