UI/UX Style Guide
BY ANABELLA PAPUCCI
1) COLOURS
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
Colour Name
Colour Code
2) TYPOGRAPHY

Style Name

Font Name & Weight

Use

Colours

Heading 1

Font Name & Weight

Main headings

Heading 2

Font Name & Weight

Secondary headings

Heading 3

Font Name & Weight

Tertiary headings

Heading 4

Font Name & Weight

Tag Lines

Body Text

Font Name & Weight

Body Text

Button Text

Font Name & Weight

Buttons

Captions

Font Name & Weight

Buttons

3) BUTTONS
Primary Button
Used for positive actions, main CTA's
GHOST
Used for secondary actions
4) FORMS
5) Logo Styles
REGULAR LOGO
INVERTED LOGO