uniZite - Brand guidelines

Brand guidelines

Everything is based on the brand. The brand is one of our most important assets.It is a fusion of all beliefs, feelings, associations, thoughts and values that appearin people’s minds when they see or hear the word uniZite.

UX guidelines

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Logotype

Our logo must always appear with the uniZite symbol in orange and the uniZite wordmark in dark grey or white. For legibility we should always strive for maximum contrast between the wordmark and the background. Download logotyp-set

Colors

Colour is key to establishing hierarchy between elements. uniZite family of colours has been chosen to help guide customers through our content and communication. The palette has been divided into four groups. Each group serves different purposes:

Primary brand colors

Oxford blue

HEX: #333640
RGB: 51-54-64
HSV: 226-20-25
CMYK: 20-16-0-75

Mandarin

HEX: #e67a3a
RGB: 230-122-58
HSV: 22-75-90
CMYK: 0-47-75-10

PMS: 7577

Elektron

HEX: #329fb3
RGB: 50-159-179
HSV: 189-72-70
CMYK: 72-11-0-30

Grey

HEX: #f8f8f8
RGB: 248-248-248
HSV: 0-0-97
CMYK: 0-0-0-3

White

HEX: #ffffff
RGB: 255 255 255
HSV: 0-0-100
CMYK: 0-0-0-0

Background colors

Light turquoise blue

HEX: #eaf3f5
RGB: 234-243-245
HSV: 191-4-96
CMYK: 4-1-0-4

Light Green

HEX: #edf4ef
RGB: 237-244-239
HSV: 137-3-96
CMYK: 3-0-2-4

Light red

HEX: #f7eded
RGB: 247-237-237
HSV: 0-4-97
CMYK: 0-4-4-3

Light Yellow

HEX: #f7f5ed
RGB: 247-245-237
HSV: 48-4-97
CMYK: 0-1-4-3

Grey colors

Text black

HEX: #1a1a1a
RGB: 26-26-26
HSV: 0-0-10
CMYK: 0-0-0-90

Dark grey

HEX: #767676
RGB: 118-118-118
HSV: 0-0-46
CMYK: 0-0-0-54

Grey

HEX: #d6d6d6
RGB: 214-214-214
HSV: 0-0-84
CMYK: 0-0-0-16

Light grey

HEX: #f5f5f5
RGB: 245-245-245
HSV: 0-0-96
CMYK: 0-0-0-4

Information colors

Accept

HEX: #00cc66
RGB: 0-204-102
HSV: 150-100-80
CMYK: 100-0-50-20

Deny

HEX: #ff3b30
RGB: 255-59-48
HSV: 3-81-100
CMYK: 0-77-81-0

Blue pen

HEX: #00cdff
RGB: 0-205-255
HSV: 192-100-100
CMYK: 100-20-0-0

Pink pen

HEX: #ff64cd
RGB: 255-100-205
HSV: 319-61-100
CMYK: 0-61-20-0

Yellow pen

HEX: #ffcd65
RGB: 255-205-101
HSV: 41-60-100
CMYK: 0-20-60-0

Purple pen

HEX: #af5aff
RGB: 175-90-255
HSV: 271-65-100
CMYK: 31-65-0-0

Typgraphy

Heading, Quicksand

Source Sans Pro
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis voluptate distinctio reprehenderit, autem deleniti. Optio ea aperiam nisi distinctio nemo repellat, voluptate fugiat. Quidem neque illum, blanditiis!

Icons

Always use icon font or SVG version of icons in app and webb. Download icon-set here
Example of icons from the set

Symbols (in app)

Always use icon font or SVG version of icons in app and webb. Download icon-set here
Example of icons from the set

Buttons

Always use icon font or SVG version of icons in app and webb. Download icon-set here
Example of icons from the set