JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser.

Home
design

Buttons

Typography

.text-xxs

.text-xxs.font-italic

.text-xxs.font-weight-bold

.text-xxs.font-underline

.text-xs

.text-xs.font-italic

.text-xs.font-weight-bold

.text-xs.font-underline

.text-s

.text-s.font-italic

.text-s.font-weight-bold

.text-s.font-underline

.text-xs2

.text-xs2.font-italic

.text-xs2.font-weight-bold

.text-xs2.font-underline

.text-s2

.text-s2.font-italic

.text-s2.font-weight-bold

.text-s2.font-underline

.text-n

.text-n.font-italic

.text-n.font-weight-bold

.text-n.font-underline

.text-m

.text-m.font-italic

.text-m.font-weight-bold

.text-m.font-underline

.text-l

.text-l.font-italic

.text-l.font-weight-bold

.text-l.font-underline

.text-xl

.text-xl.font-italic

.text-xl.font-weight-bold

.text-xl.font-underline

Colors

Text

.white

.gray-100

.gray-200

.black

.red-100

.red-200

.red-300

.beige-100

.beige-200

.beige-300

.beige-400

.beige-500

.beige-600

.beige-700

.brown-100

.brown-200

.brown-300

.alert-100

.alert-200

.alert-300

.success-100

.success-200

.success-300

.warning-100

.warning-200

.warning-300

Background

.bg-white

.bg-gray-100

.bg-gray-200

.bg-black

.bg-red-100

.bg-red-200

.bg-red-300

.bg-beige-100

.bg-beige-200

.bg-beige-300

.bg-beige-400

.bg-beige-500

.bg-beige-600

.bg-beige-700

.bg-brown-100

.bg-brown-200

.bg-brown-300

.bg-alert-100

.bg-alert-200

.bg-alert-300

.bg-success-100

.bg-success-200

.bg-success-300

.bg-warning-100

.bg-warning-200

.bg-warning-300

Next 1

How to be the best like me, Mica 1

Next 2

How to be the best like me, Mica 2