Crafting Design System for the digital wallet

Idea of the brand

Pay fast.
Pay anywhere.

До Мария
27 септември 2024 г.
За обяда днес 🍕
- 10,00 лв.
Такса: 0,00 лв.
До Симона
14 ноември
Благодаря за кафето ☕
- 3,00 лв.
Такса: 0,00 лв.
До Еконт
1 октомври 2024 г.
Куриерска услуга
- 58,77 лв.
Такса: 0,00 лв.

We crafted

A source for dev,
marketing & business development guys

Because Fin-tech shouldn’t be complicated

Designed to be efficent

We built a design system with 32 components

Visual Identity

In the app

Outside
the app

Aa

Typography
Usage & Principles

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
`~!@#$%^&*()-_=+[]{}|\;:'",<.>/?

Left-align headings and text in digital and print.

Use center alignment - only for short and clear messages.

Don’t use different alignment of headline and paragraph text.

Imagery Guideline

Choose expressive and dynamic poses.
Look for more authentic colors.
Leave on corner of the screen free from visual information for potential text.

Avoid overly saturated or colorful images—they can appear childlike.

Avoid lighting that hides the subject.

Avoid cropping key elements—preserve context.

Icons

Building principles

Keep elements simple.

Maintain a consistent icon style across all ecoints products.

Ensure a consistent visual weight and user perception.

Avoid creating icons with unnecessary complexity.

Avoid creating icons in varying styles.

Avoid using icons with inconsistent scale and stroke thickness.

Clear
Energetic
Empathetic
Human

Tone of Voice

Principles & Cues

Transaction

Money Transfer

Must

Necessary

Payment Method

Way to Pay

Asses your own work

Dare to learn more?

Explore the Full Design System and See It in Action