Colors

Primary colors

cerulean

Secondary colors

clay
tarawera
bondi
prussian
powder
catskill
aqua
tango

Grayscale colors

clay
cod
xanadu
regent
castle
silver
iron
gallery

Validation colors

coral
lima

Social colors

facebook

Extra Night Mode colors

mirage
ebony
abbey

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

Icons

icon-chevron-up
icon-chevron-right
icon-chevron-down
icon-chevron-left
icon-arrow-up
icon-arrow-right
icon-arrow-down
icon-arrow-left
icon-check
icon-cross
icon-play
icon-filter
icon-search
icon-airplane
icon-clock
icon-compass
icon-dice
icon-pencil
icon-projector
icon-user
icon-user-list
icon-star
icon-star-o
icon-heart
icon-heart-o
icon-bell
icon-envelope
icon-social-facebook
icon-social-twitter
icon-social-youtube
icon-social-instagram
icon-social-linkedin
icon-social-pinterest
icon-social-rss
icon-social-whatsapp
icon-sun
icon-moon

Buttons

Primary buttons

Social buttons

Forms

Input fields

Dropdowns

Popular posts in 

Stacked checkboxes

Stacked radios

Inline checkboxes and radios

Validation

Loading