01

Colors

Dark Gray

#4d4d4d, #333333, #191919

Light Gray

#f8f8f8, #f4f4f4, #ededed

Aquamarine

#4deob4, #00d394, #00b385

02

Font Families

Font Family: Styles:

Space mono

  • Regular
  • Italic
  • Bold
  • Bold Italic

Aa

Space mono
Font Family: Styles:

Space Mono

  • Light
  • Regular
  • Italic
  • Medium
  • Bold

Aa

Roboto
03

Typography

Titles & Headings Heading 1 - 60px Heading 2 - 36px Heading 3 - 28px Heading 4 - 24px Headgin 5 - 20px Heading 6 - 18px
Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dignissim, elit in mattis lobortis, erat leo consequat sapien, sit amet rhoncus purus diam sit amet est. Vestibulum auctor condimentum blandit. Donec egestas consectetur nibh sed iaculis.

  • Bold
  • Italic
  • Hyperlink
  • Unordered List
  • Unordered List
  1. Ordered List
  2. Ordered List
04

Buttons

Styling
Normal
Hover
Hover
Active
Active
Sizes

Large

355 x 60 pixels

Medium

250 x 60 pixels

Small

150 x 60 pixels