Style Guide

ColorsTypographyFormsRich Text

Colors

Black

#000000

Grey 800

#25272A

Grey 700

#3C3E43

Grey 600

#686D76

Grey 500

#80858F

Grey 400

#9A9EA5

Grey 300

#CCCED2

Grey 200

#E6E7E8

White

#FFFFFF

Typography

A Moverism project —
2493 and beyond.
All with clean lines.

Heading 1 - 72px / 1.05em

A Moverism project —
2493 and beyond.
All with clean lines.

Heading 2 - 56px / 1.1em

A Moverism project —
2493 and beyond.
All with clean lines.

Heading 3 - 40px / 1.1em

A Moverism project —
2493 and beyond.
All with clean lines.

Heading 4 - 32px / 1.1em

A Moverism project —
2493 and beyond.
All with clean lines.

Heading 5 - 24px / 1.25em

A Moverism project —
2493 and beyond.
All with clean lines.

Heading 6 - 20px / 1.2em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph small - 14px / 1.6em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph normal - 18px / 1.6em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

Paragraph large - 22px / 1.6em

Link - Lorem ipsum dolor sit amet

text link - 16px / 1.6em

Bold - Lorem ipsum dolor sit amet

text bold - 18px / 1.6em

Italic - Lorem ipsum dolor sit amet

text italic - 18px / 1.6em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales sapien, in tempus lectus lorem quis est.

block quote

  • Lorem ipsum dolor sit amet consectetur.
  • Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales.
  • Sapien in tempus lectus lorem quis est.

Bullet list

  1. Lorem ipsum dolor sit amet consectetur.
  2. Ut sollicitudin, diam ut efficitur pharetra, mauris augue sodales.
  3. Sapien in tempus lectus lorem quis est.

numbered list

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript