Base Styles

Colors

Background colors

Validation Colors

Information

Feedback

Error

Typograhpy

Heading 1

The quick brown fox jumps over the lazy dog

Heading 2

The quick brown fox jumps over the lazy dog

Heading 3

The quick brown fox jumps over the lazy dog

Heading 4

The quick brown fox jumps over the lazy dog

Heading 5

The quick brown fox jumps over the lazy dog

Heading 6

The quick brown fox jumps over the lazy dog

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus mattis elit, eget volutpat lorem varius dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus mattis elit, eget volutpat lorem varius dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus mattis elit, eget volutpat lorem varius dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus mattis elit, eget volutpat lorem varius dignissim.

Quote

My favorite things in life don't cost any money. It's really clear that the most precious resource we all have is time.
Steve Jobs

Lists

List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1
List item 2
List item 3

List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1 List item 1
List item 2
List item 3

Captions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus mattis elit, eget volutpat lorem varius dignissim. Lorem ipsum dolor sit amet, consectetur

Inline links

A link Hover state link Pressed state link

Form elements

Input field with label:

Please lorem ipsum...

Radio button normal

Radio button hover

Radio button checked

Radio button disabled

Checkbox normal

Checkbox hover

Checkbox checked

Checkbox disabled

Buttons

Static button

Hover button

Pressed button

Disabled button

Static button

Hover button

Pressed button

Disabled button

Tables

Column name	Column name	Column name	Column name
Row 1	Row 1	Row 1	Row 1
Row 2	Row 2	Row 2	Row 2
Row 3	Row 3	Row 3	Row 3
Row 4	Row 4	Row 4	Row 4

Slider navigation

Labels/Notifications

NYHED !

Alert Messages

This is a fail message for the user, lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a feedback message for the user, lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a information message for the user, lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a basic message for the user, lorem ipsum dolor sit amet, consectetur adipiscing elit.