METAMUSE

STYLE GUIDE

APPLICATION

Typography

FONT STYLES

AaBbCc

FONT FAMILY NAME

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

~%!@#$%^&*-_=+

 []{}()|\/<>‘’”,.;:?

FONT WEIGHT

ExtraLight

ExtraLight Italic

Light

Light Italic

Regular

Regular Italic

Medium

Medium Italic

Bold

Bold Italic

Black

Black Italic

HEADING

H1

Font Name Regular light 36

H2

Font Name Light 30

H3

Font Name Medium 24

H4

Font Name Regular 18

H5

Font Name Regular 14

H6

Font Name Regular 12

BODY COPY

Lorem ipsum dolor sit amet, vel accumsan liberavisse ex, ea nec elaboraret interpretaris, sed diceret concludaturque no. Verear habemus sea ut.

Paragraph Text | Font Name | Regular – #777777 – 14pt 

BODY COPY

Lorem ipsum dolor sit amet, vel accumsan liberavisse ex, ea nec elaboraret interpretaris, sed diceret concludaturque no.

Quotation | Font Name – Italic – #777777 – 14pt 

Colour Psychology

COLOUR APPLICATION

System Colours

Tones

Shadows

ICON LIBRARY

Iconography

Light and Dark Theme

CTA, Drop-downs and Radio Buttons

RAPID BUILD

UI Elements

RAPID BUILD

Components

Responsive web development