UI/UX Style Guide

BY CIXON

1) FARBEN

Logo Blau
#BF0A76
Dunkelblau
#67378D
Akzente
#382238
Grün
#8EB94D
Sekundärer Background
#F7F9FC
Text
#000000

2) TYPOGRAFIE

Style Name

Font Name & Weight

Use

Colours

Heading 1

Roboto & 600

Main headings

Heading 2

Roboto & 600

Secondary headings

Heading 3

Roboto & 400​

Tertiary headings

Heading 4

Roboto & 400

Tag Lines

Heading 5

Roboto & 400

Tag Lines

Body Text

Roboto & 400

Body Text

Button Text

Roboto & 400​

Buttons

Captions

Roboto & 400​

Buttons

3) BUTTONS
Primary Button
Used for positive actions, main CTA's
TERTIARY Button
Used for tertiary actions or text links
SECONDARY Button
Used for secondary actions
4) FORMULARE (+HubSpot)
5) Logo Styles
REGULAR LOGO
INVERTED LOGO