Colors

Shades

Light

Grey

Dark

Palettes

Primary

Secondary

Tertiary

Indicators

Error

Warning

Success

Info

Box Shadows

Icons

Base

Font Weight

Font Weight Thin

Font Weight Extra Light

Font Weight Light

Font Weight Regular

Font Weight Medium

Font Weight Semibold

Font Weight Bold

Font Weight Extra Bold

Font Weight Black

Font Weight

Typography

Headings

Heading 1 Heading 1 small

Heading 2 Heading 2 small

Heading 3 Heading 3 small

Heading 4 Heading 4 small

Heading 5 Heading 5 small

Heading 6 Heading 6 small

Headings w Classes

Heading 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum neque vel dui lobortis, id egestas diam luctus.

Heading 4 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum neque vel dui lobortis, id egestas diam luctus. Sed elementum eros enim, a suscipit nibh sodales nec.

Heading 5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum neque vel dui lobortis, id egestas diam luctus. Sed elementum eros enim, a suscipit nibh sodales nec.

Heading 6 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vestibulum neque vel dui lobortis, id egestas diam luctus. Sed elementum eros enim, a suscipit nibh sodales nec. Morbi finibus magna risus, eu scelerisque sem venenatis et.

Display Title

Display Title XXL

Display Title XL

Display Title L

Display Title M

Display Title S

Display Title XS

Display Title XXS

All Caps

All Caps XXL

All Caps XL

All Caps L

All Caps M

All Caps S

All Caps XS

All Caps XXS

Lead

Lead XXL

Lead XL

Lead L

Lead M

Lead S

Lead XS

Lead XXS

Paragraph

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Link

link

Strong

strong

Emphasis

emphasis

Horizontal Rule

Blockquote

Maecenas sed diam eget risus varius blandit sit amet non magna. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean lacinia bibendum nulla sed consectetur.

Name

Unordered List

• Vehicula Dapibus Tellus Fermentum
• Vehicula Dapibus Tellus Fermentum
• Vehicula Dapibus Tellus Fermentum
  • Vehicula Dapibus Tellus Fermentum
  • Vehicula Dapibus Tellus Fermentum

Ordered List

1. Vehicula Dapibus Tellus Fermentum
2. Vehicula Dapibus Tellus Fermentum
3. Vehicula Dapibus Tellus Fermentum
   1. Vehicula Dapibus Tellus Fermentum
   2. Vehicula Dapibus Tellus Fermentum

Definition List

Fringilla Ipsum Tellus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fringilla Ipsum Tellus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fringilla Ipsum Tellus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Code

<p>code</p>

Pre

<p>pre</p>

Kbd

Save file: cmd + s

Mark

mark

Form

Field

Field Float Label

Fieldset

Form Message

Form message

Form message info

Form message error

Form message warning

Form message success

Input

Input Indicators

Input Sizes

Input Group

Input Group Sizes

Control

Checkbox

Radio

Switch

Control Indicators

Checkbox

Radio

Switch

Control Sizes

Checkbox

Radio

Switch

Select

Select Indicators

Select Sizes

Range

Range Indicators

Range Sizes

Progress

Progress Indicators

Progress Sizes

Elements

Button

Button Disabled

Button Spinner

Button Block

Button Pill

Button Square

Button with SVG

Button Sizes

Button Anchors

Button Shades

Disabled

Button Palettes

Disabled

Button Indicators

Disabled

Button Icon

Button Icon with Text Sizes

Button Icon with Text Sizes Anchors

Button Group

Button Group Block

Figure

Spinner

Nav

Nav Inline

Table

Table Responsive