Colors

Gray Colors

$gray-100

$gray-200

$gray-300

$gray-400

$gray-500

$gray-600

$gray-700

$gray-800

$gray-900

Brand Colors

$primary

$secondary

$success

$info

$warning

$danger

$light

$dark

Headings

Header 1

h1. Visual Soldiers heading

Header 2

h2. Visual Soldiers heading

Header 3

h3. Visual Soldiers heading

Header 4

h4. Visual Soldiers heading

Header 5

h5. Visual Soldiers heading

Header 6

h6. Visual Soldiers heading

Display Class

class="display-1"

Display 1

class="display-2"

Display 2

class="display-3"

Display 3

class="display-4"

Display 4

Body Text

Font Size Fine Print

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Enim alias beatae sed dignissimosLorem ipsum dolor sit, amet consectetur adipisicing elit. Enim alias beatae sed dignissimos expedita inventore totam eius ut pariatur, quidem maxime, aut asperiores repellat. Labore laborum eius quibusdam placeat ratione. expedita inventore totam eius ut pariatur, quidem maxime, aut asperiores repellat. Labore laborum eius quibusdam placeat ratione.

Font Size Small

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Enim alias beatae sed dignissimosLorem ipsum dolor sit, amet consectetur adipisicing elit. Enim alias beatae sed dignissimos expedita inventore totam eius ut pariatur, quidem maxime, aut asperiores repellat. Labore laborum eius quibusdam placeat ratione. expedita inventore totam eius ut pariatur, quidem maxime, aut asperiores repellat. Labore laborum eius quibusdam placeat ratione.

Font Size Base

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Enim alias beatae sed dignissimosLorem ipsum dolor sit, amet consectetur adipisicing elit. Enim alias beatae sed dignissimos expedita inventore totam eius ut pariatur, quidem maxime, aut asperiores repellat. Labore laborum eius quibusdam placeat ratione. expedita inventore totam eius ut pariatur, quidem maxime, aut asperiores repellat. Labore laborum eius quibusdam placeat ratione.

Font Size Large

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Enim alias beatae sed dignissimosLorem ipsum dolor sit, amet consectetur adipisicing elit. Enim alias beatae sed dignissimos expedita inventore totam eius ut pariatur, quidem maxime, aut asperiores repellat. Labore laborum eius quibusdam placeat ratione. expedita inventore totam eius ut pariatur, quidem maxime, aut asperiores repellat. Labore laborum eius quibusdam placeat ratione.

Buttons

Buttons > Outline

Buttons > Sizes





Forms

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.