GenTwo Design System

2024

GenTwo Design System

A fully prototyped and scalable design system

Preview Site

Fintech

Saas, Design System

Know More

Scaling innovation through design foundations

What does GenTwo Do?

GenTwo provides the tools and technology for the mass customization of financial products. For banks, asset managers, family offices, and other financial intermediaries looking to create a hyper-personalized offering, scale their business

One Platform, Endless Possibilites

One Platform, Endless Possibilites

Problem

Goals & Challenges

Gentwo's rapid growth led to a fragmented design language across its digital products. Inconsistent components, lack of documentation, and design-developer misalignments were causing inefficiencies and a diluted user experience.

Solution

Documentation

The documentation has been divided into several parts to provide quick and easy access during the Design System development process.

01 / Design guidelines

These rules allow you to maintain order when creating all views and components,
ensuring multi-faceted consistency of the design.

02 / Implementation guidelines

As many elements are used in different consellations, the descrption of their
implementation is crucial for the consistency of animations and other interactions.

03 / Figma guidelines

These rules allow the use and development of the system without exposing it to
inconsistencies, as well as ensuring efficient cooperation between designers.

01 / Design guidelines

These rules allow you to maintain order when creating all views and components,
ensuring multi-faceted consistency of the design.

02 / Implementation guidelines

As many elements are used in different consellations, the descrption of their
implementation is crucial for the consistency of animations and other interactions.

03 / Figma guidelines

These rules allow the use and development of the system without exposing it to
inconsistencies, as well as ensuring efficient cooperation between designers.

01 / Design guidelines

These rules allow you to maintain order when creating all views and components,
ensuring multi-faceted consistency of the design.

02 / Implementation guidelines

As many elements are used in different consellations, the descrption of their
implementation is crucial for the consistency of animations and other interactions.

03 / Figma guidelines

These rules allow the use and development of the system without exposing it to
inconsistencies, as well as ensuring efficient cooperation between designers.

01 / Design guidelines

These rules allow you to maintain order when creating all views and components,
ensuring multi-faceted consistency of the design.

02 / Implementation guidelines

As many elements are used in different consellations, the descrption of their
implementation is crucial for the consistency of animations and other interactions.

03 / Figma guidelines

These rules allow the use and development of the system without exposing it to
inconsistencies, as well as ensuring efficient cooperation between designers.