Buttons

Button
Large button: 100% Width
Large button: 50% Width

Forms

Input: Submit
Input: Submit 100% width
Input: Submit 50% width
Input: Reset
Input: Text
Input: Date
Input: Colour
Input: Email
Input: Number
Input: Comma Separated
Input: Text Area
Input: Radio
Input: Checkbox
Input: Range

012345

Input: With submit
Input: With label
Select

Typography

X-large heading

Some more text over two lines

Large heading

Some more text over two lines

Heading

Some more text over two lines

Small heading

Some more text over two lines

H1

Some more text
over two lines

H2

Some more text
over two lines

H3

Some more text
over two lines

H4

Some more text
over two lines

H5
Some more text
over two lines
H6
Some more text
over two lines
Paragraph

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Unordered list
  • List item
  • List item
  • List item
  • List item
Ordered list
  1. List item
  2. List item
  3. List item
  4. List item
Bold some text
Strong some text
Italicised some text
Emphasis some text
Cite some text
Marked some text
Small some text
Big some text
Anchor (hyperlink) some text
Caption some text
Blockquote (with source/label)
“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.”
Table
Table Head Table Head Table Head Table Head
Text 001 Text 001
Text 001 Text 001
Text 001 Text 001
Text 001 Text 001
Code Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.
Error

Some text