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
Rich Text Element
Formatting for typographic elements inside the Rich Text Element.

Heading Two

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Here is a blockquote

Heading Four

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system. Here is some Bold Text and here is some Italicised Text.

Here's a figure caption.
  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  1. Numbered Item 1
  2. Numbered Item 2
  3. Numbered Item 3
Icons - Interface
Common interface iconography
Icons - Social
Common social network icons
Buttons
Component, text style and size variations.
Form Inputs
Size and state variations for text inputs.
Input Sizes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Textareas
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input with Icon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Label
* Input hint text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.