Typography

Typeface

Grumpy wizards make toxic brew for the evil Queen and Jack. 0987654321()*^%$#@!=- (9){}[]:";'?,./

Grumpy wizards make toxic brew for the evil Queen and Jack. 0987654321()*^%$#@!=- (9){}[]:";'?,./

Grumpy wizards make toxic brew for the evil Queen and Jack. 0987654321()*^%$#@!=- (9){}[]:";'?,./

Dark typography

Heading 1

36px

Heading 2

30px

Heading 3

26px

Heading 4

24px

Body bold

16px
Caption
14px

Light Typography

Heading 1

36px

Heading 2

30px

Heading 3

26px

Heading 4

24px

Body bold

16px
Caption
14px
  1. Example ordered list item 1
  2. Example ordered list item 2
  3. Example ordered list item 3
    1. Example ordered list item 1
    2. Example ordered list item 2
    3. Example ordered list item 3

Ordered List

  • Example unordered list item 1
  • Example unordered list item 2
  • Example unordered list item 3
    • Example unordered list item 1
    • Example unordered list item 2
    • Example unordered list item 3

Bulleted List

"Nam mollis augue vitae lorem feugiat iaculis. Maecenas ut ante eget tellus rhoncus aliquet. Fusce dictum non felis quis sagittis. Donec congue tempus mollis. Integer consectetur tellus non lectus ornare interdum. Morbi vitae ligula turpis. Etiam congue massa ac tristique porttitor. Aliquam ante mi, sagittis et convallis eget, varius in enim. Nullam ultricies magna quis egestas lacinia. Vivamus ut congue purus."

Colour Pallete

 

.bg-scorpion #5D5D5D

 

.bg-gray #8E8E8E

 

.bg-alto #CECECE

 

.bg-eminence #692D8A

 

.bg-turmeric #B2CC45

 

.bg-pelorou #48AABE

 

.bg-flamingo #F15D2E

 

.bg-blue-navy #2d385a

 

.bg-fuel-yellow #eaae21

 

.bg-silver-sand #BDC3C7

 

.bg-grey-light #f2f2f2

Icons

File types

.font-icon.font-icon-file-pdf-o

.font-icon.font-icon-file-excel-o

.font-icon.font-icon-file-word-o

.font-icon.font-icon-file-zip-o

.font-icon.font-iconicon-file-powerpoint-o

.font-icon.font-icon-file-video-o

.font-icon.font-icon-file-o

Icon font

Image Sprite Icons

PDF DOC PPT ZIP JPG GIF

Buttons

.btn

.btn.btn-xs

.btn.btn-sm

.btn.btn-lg

.btn.btn-light

.btn.btn-xs.btn-light

.btn.btn-sm.btn-light

.btn.btn-lg.btn-light

Favicons

Favicon 16x16

Favicon 32x32

Launcher icon