Skip to Content
[test page]

Headings/pargraph:

  • Red - Heading Test H1

  • Blue - Heading Test H2

  • Yellow - Heading Test H3

  • Blue 900 - Heading Test H4

Heading Test H1
Heading Test H2
Heading Test H3
Heading Test H4
Heading Test H5
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
gray-gnatcatcher
gray-catbird
gray (pigeon)
gray-dark
red-500
red-600
red-700
red-800
red-900
red-lighter
red
red-darker
blue-300
blue-500
blue-600
blue-900
blue-lighter
blue
blue-darker
blue-prime
yellow (warbler yellow)
green
pink
purple
black
white

Paragraph text test line

Paragraph text test line with strong and em and undeline some lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sagittis nisl quis massa facilisis imperdiet. Nullam vel diam dapibus, iaculis dolor id, accumsan nisi. Curabitur iaculis accumsan ullamcorper.

A text input is an input field that users can type into. It has a range of options and supports several text formats including numbers: 0123456789.

A text input is an input field that users can type into. It has a range of options and supports several text formats including numbers: 0123456789.

A text font-italic input is an input field that users can type into. It has a range of options and supports several text formats including numbers: 0123456789.

A text font-italic input is an input field that users can type into. It has a range of options and supports several text formats including numbers: 0123456789.

A text font-bold input is an input field that users can type into. It has a range of options and supports several text formats including numbers: 0123456789.

A text font-serif input is an input field that users can type into. It has a range of options and supports several text formats including numbers: 0123456789.

clear link black link link-reversed link as btn

Buttons:

Inputs:

Legend Information Inputs with labels
Legend Information no labels
Select field
Select field
Select field
Select with input
Icon Select with input 1
Icon Select with input
Icon input with text
http://
Dropdown with options
Dropdown with form-multiselect options
Icon input with text revert
.com
Input with icon revert no labels
Text input with icon on right
.com
.com
Test form with error message placement

Icons with color:

Messages:

Success message with link
Info message with link
Error message with link
Warning message with link