Colors

primary text | secondary text | error text | info text | blue text | red text | green text | yellow text | purple text | orange text | gray text

bg primary | bg secondary | bg error | bg info | bg blue | bg red | bg green | bg yellow | bg purple | bg orange | bg gray |

primary dark 8 | primary dark 6 | primary dark 4 | primary dark 2 | primary | primary light 2 | primary light 4 | primary light 6 | primary light 8 |

hover me

Font Sizes

this is small font
this is medium font
this is large font
this is extra large font
this is extra, extra large font

Buttons

click me click me click me click me click me click me click me click me click me

Cards

This is a title

Lorem ipsum dolor sit, amet consectetur adipisicing elit. In sunt, quo totam aliquam praesentium ducimus tempore sapiente quia nulla optio? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero laboriosam laborum exercitationem autem commodi voluptas odio aliquid ut velit doloremque minima, quaerat dolores, corporis consequuntur totam nam id veniam maxime.

Grid System

Title here

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Title here

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Title here

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Title here

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Design Test