Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lead paragraph — Donec tempus tempus tellus, ac HTML lacinia turpis mattis ac. Suspendisse potenti cras molestie, risus a enim convallis vitae luctus strong libero lacinia. Aliquam — tincidunt velit sit — amet ante hendrerit tempus. Donec et nisi dictum i am a text link congue. Suspendisse potenti. Donec tempus tempus tellus, ac lacinia turpis mattis ac.

This is a paragraph this is a strong paragraph this is a paragraph i am a text link this is a paragraph this is a paragraph this is a paragraph this is a paragraph this is a paragraph³ this is a paragraph this is a paragraph this is a paragraph this is a paragraph this is a paragraph.

This is a paragraph this is a paragraph this is a paragraph this is a paragraph this is a paragraph this is a italic paragraph this is a paragraph this is a paragraph this is a paragraph this is a paragraph this is a paragraph₄ this is a paragraph this is a paragraph.

This is some small text this is some small text this is some small text.

This is some small muted text in a lighter shade of grey.

This is some xtra small text this is some xtra small text this is some xtra small text.

Buttons

Primary Button Primary Button Primary Button

Secondary Button Secondary Button Secondary Button

Small Button Regular Button Large Button

Icon buttons

        Button  Button Animated icon

Text buttons

Button txt
Button txt
Button txt

Wide buttons

Icons

• account
• arrow-right
• arrow
• basket
• check-circle
• chevron
• close-circle
• close
• configurations
• design
• dropdown
• filter
• gift
• info
• login
• menu
• more-solid
• more
• reset
• save
• saved
• search
• settings
• sort
• time
• top

Icon sizes test

• 10px
• 15px
• 20px
• 25px
• 30px

Icon colours

         

Form inputs

Alerts

Badges