Logo

Typography

Colours

Imagery style

Applications

header_page5

Logo

Typography

Colours

Imagery style

Applications

Welcome to the use.id visual guidelines. These guidelines offer a complete overview of our visual identity system and its implementation. Correct representation of our identity is crucial to our success. A consistent brand identity helps to deliver our messages to all our stakeholders.

use.id Logo


Our logo is the key identifier of our brand and represents the personality and ambition of our company. As much as possible, the logo must be applied on a white background to maintain clarity, impact and freshness.


Base image: Positive version

Hover image: Negative version

download logos
logo_positive logo_diapositive2

Logo versions


We have created the logo in different formats, for different print and reproduction techniques. Whenever possible, use the standard colour CMYK logo. When it is not possible to print or reproduce the standard CMYK logo, use the appropriate alternative logo from this set.  Please note that the black & white version of the logo is only to be used exceptionally in purely black and white communication.

logo_versions

Exceptional version


In exceptional cases it is permitted to use this  version of our logo. This version of the logo can be used if space limitations prevent you to use the regular version.

logo_exc

Logo Specifications


In order to maintain integrity, legibility and impact for the logo, we have defined a clear space around the logo – set to the heigth of the 'u' from our wordmark – to ensure we retain its integrity. No text or image must enter the clear space. 

logo_specs

Logo dont's

logo_donts

Logo Symbol


In social media and apps it is allowed to use the symbol as a standalone element from our logo (separate from the wordmark).

logo_icon

Logo animation


In digital environments an animation of our logo can be used. 

Download animation

Typography

In print and online we use one typeface family Syne (Google Font). Syne was specifically been chosen because it perfectly reflects our personality. The Syne family was originally designed in 2017 for the Art Center "Synesthésie". The Art Center aims to gather diverse artistic personalities in order to create new and enriching situations. Based on that idea, Syne is an exploration of atypical associations of weights and styles. Syne Regular is the starting point of the family. It is quite an archetypal geometric sans-serif, giving the art center a practical asset for their daily use. When getting bolder, the typeface also gets wider, forcing radical graphic design choices.

It's your data so you are in control. 

Easily manage who can access what.

Syne regular 

Almost before we knew it, 

we had left the ground.

Syne semibold

Almost before we knew it, 

we had left the ground.

Syne medium

Almost before we knew it, 

we had left the ground.

Syne bold

The Syne typeface can be downloaded free from Google Fonts here

Almost before we knew it, 

we had left the ground.

Colours 


Our primary colours are useid_red, useid_green, black and white (the colours of our logo). Use of these colours guarantees top brand presence throughout all media. 

useid_red

  • HEX #fc273f

  • RGB 252, 39, 63

useid_green

  • HEX #3bb9c4

  • RGB 59, 185, 196


Black

  • HEX #000000

  • RGB 0, 0, 0

white

  • HEX #FFFFFF

  • RGB 255, 255, 255

We can’t be restricted solely to using the primary colours, as we sometimes need flexibility with colour in our communications. The secondary colour palette has been created to complement the primary colours, to provide a palette of supporting colours that can be used for charts and other graphical applications. 

red01

  • HEX #641432

  • RGB 100, 20, 50

red02

  • HEX #aa1834

  • RGB 170, 24, 52


red03

  • HEX #fc8da3

  • RGB 252, 141, 163

green01

  • HEX #004850

  • RGB 0, 72, 80


green02

  • HEX #008796

  • RGB 0, 135, 150

green03

  • HEX #c9eeed

  • RGB 201, 238, 237


blue01

  • HEX #003f71

  • RGB 0, 63, 113

blue02

  • HEX #0090d8

  • RGB 0, 144, 216


blue03

  • HEX #bae5ff

  • RGB 186, 229, 255

grey01

  • HEX #555555

  • RGB 85, 85, 85


grey02

  • HEX #d7d7d7

  • RGB 215, 215, 215

grey03

  • HEX #f6f5f5

  • RGB 246, 245, 245

Imagery style

Corporate imagery


In corporate communications, we always use illustrations based on circles (cf our logo). These circles lend themselves extremely well to highlighting a number of aspects of our product and, moreover, they symbolise data flows.


download illustrations
imagery_style_corporate2b

Applications


It is in our communication tools that all our brand identity elements come alive.

The following examples (Google Docs template & Google Slides template) show how the identity is implemented. More examples will follow soon.

Download template
use_id_files_docs
use_id_files_slides22
Download template

Studio WillemsPeeters © 2022