12iD

Website / Mobile application / Fintech
12iD GIF Logo

Background

About 12iD

12iD is a fintech company founded in Sweden that uses a multi-authentication solution to issue digital identities and identify end-users uniquely through a mobile application available on Google Play and soon the App Store.

The company provides a single sign-on (SSO) solution, allowing a flawless and seamless experience when identifying. Without any hardware requirements, the solution is secure, safe and uses proven core technology, modified for functionality.

Summary
Role UX & UI design / Front-End
Date Sep - Dec 2020

Identity design

Logotype

The logotype comes in two colors, black and white.

12iD Logo Black
12iD Symbol Black
12iD Logo White
12iD Symbol White
Color system

The color palette is built on a set of calm and neutral colors that is combined with a prominent brand-building color. The brand color is blue. A clear and distinct indicator that builds trust and brand recognition in the fintech business. Additional colors are balanced by a set of neutral base colors and more functional accent colors.

Blue Brand #004B87
Light Blue Accent #4DABFE
Green Accent #24D27F
Yellow Accent #FFB900
Red Accent #E1444D
Black Text #222222
Grey Text #CFCFCF
Light Grey Base #EEEEEE
Typography

The typographic system is using the font of Catamaran which is an open-source typeface. Catamaran is carefully designed for a digital purpose with easy readability.

Headline
Catamaran Bold

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Catamaran SemiBold

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

Body
Catamaran Regular

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

1234567890!@#$&^&*[)

App design

Mobile application

The all-in-one mobile app offers a simple wallet functionality with a minimalistic design targeted to allow end-user to uniquely identify themselves remotely, to access services online.

Web design

Website

The simple yet powerful website mainly acts as a landing page for 12iD. Here the user can read up more about the company, contact stakeholders within the company or simply visit the careers page for open job positions.

Arrow up icon