Volksbank

Manage Banking in Windows

UI Design & Design System

Volksbank App

Brief

VR Bank has developed a banking manager tailored specifically for B2B clients, available as a Windows 10 application. This platform facilitates efficient management of multiple accounts and transactions, while also offering control over user access to bank accounts.

  • Services

    UI Design, Design System

  • Platforms

    Windows 10

Component System

We’ve setup a 2-level tokenized component system, which supports native Windows 10 components, as well as custom components, which are reflecting the native look and feel of Windows 10.

Volksbank design system color palette — primary blue, secondary orange, neutrals, and status state colors with hex values
Volksbank 3-level token flow from primitive hex value through foundation blue to button component token
Volksbank button component token tree showing surface, text, and icon values for the accent rest state
GenosGFG typeface specimen used in the Volksbank design system, showing weights and character set
Volksbank typography scale table listing header, title, body, caption, and link styles with size and weight
Volksbank light-theme component library — buttons, calendar, form inputs, toggles, list items, and progress indicator
Volksbank accent button component states — rest, hover, focus, pressed, and disabled across text, icon, and dropdown variants
Volksbank spacing token example showing 4px and 12px padding applied to a text input field
Volksbank spacing token scale table from space-base 4px to space-2xl 40px

Design

Based on research of the UX team, we've translated the UX requirements into the final UI design with the build components.

Volksbank BankingManager new payee form with company details and address fields
Volksbank bank access detail card showing connection status, access method, and security procedure
Volksbank BankingManager desktop app outbox screen showing payment orders in progress and ready to send

Other Projects

Work with us

If you're building a design system or need to bring order to your component library, we'd like to hear about it.

Schedule a call

We'd love to get a first impression of your business, project or idea. Feel free to schedule a call

Schedule a call

Social

© 2026 Seven Whys Ltd.