Design System
Showcase no.1 - Nxd
Screenshot above shows a set of tokents within the Design System
Image on the left shows Typography standards from the brandbook
Visual language established by the N26 brand guidelines and brand book were the first step for setting a token library for the Design System.
Image shows colours from the brandbook
A design system serves as a centralized collection of reusable components, patterns, guidelines, and assets that are used to create a consistent and cohesive user experience across products or platforms.
NXD is a design system established for the banking app before the trading product we've been working on.
As every product has specific nuances and details operating strictly within the Design System was not the the most flexible way to approach it.
Atomic Design Methodology is the one used for NXD. Following the rules and patterns inherited by the banking app and adding new atoms, icons, molecules, building new organisms and templates branched the system and level-up the design work, and mobile dev libraries.
Spotlight Icons from the Design System
Button hierarchy, states and expected behaviour from NXD system
Headers hierarchy of the pages for iOS
Charts for Cash and Assets - behaviour
Portfolio page structure
