Colors

Primary colors

#034b78
regalblue

Secondary colors

#004670
regalblue2
#314856
pickledwood
#0198db
cerulean
#748fb0
wildblueyonder
#730f3a
rosebudcherry
#c9c32b
keylimepie
#007884
bluelagoon
#d57d41
rawsienna
#603a86
gigas

Grayscale colors

#3b3e40
cod
#7c7f7d
xanadu
#959ca1
regent
#9ba2a5
castle
#a3aaad
mansion
#e1e1e1
mercury
#c4c8c9
silver
#cacecf
iron
gallery
#f6f6f6
wildsand

Validation colors

#ff3a3a
coral
#7ed321
lima

Social colors

#4267b2
facebook

Typography

Headings

This is a H1 title

This is a H2 title

This is a H3 title

This is a H4 title

This is a H5 title
This is a H6 title

Body text

This is intro text, consectetur adipisicing elit. Beatae, delectus, nulla? Commodi consequuntur.

This is body text, consectetur adipisicing elit. Beatae, delectus, nulla? Commodi consequuntur.


This is a quote

Ordered list

  1. List item
  2. List item
  3. List item
  4. List item
  5. List item
  6. List item

Bullet list

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Checklist

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Icons

icon-chevron-down
icon-chevron-right
icon-chevron-left
icon-arrow-left
icon-arrow-right
icon-phone
icon-envelope
icon-envelope-alt
icon-scroll
icon-marker
icon-logo
icon-social-facebook
icon-social-twitter

Buttons

Button variants

Button sizes

Button colors

Buttons with icons

Social buttons

Forms

Input fields

Custom selects

Input groups

Labels and validation