Introducing the Narmi Design System

Giving financial institutions a competitive edge with a beautiful and scalable user experience
Dec 14, 2021
Audrey Song
Product Specialist

There’s no slowing the race toward digital across the globe. In fact, organizations worldwide are expected to invest $6.8 trillion in digital transformation between 2020 and 2023. Amidst heavy competition, it is critical to identify opportunities that allow you to go to market faster with innovative offerings. 

In step with this rapid movement towards digital, consumer preferences are quickly evolving. As more digital-native generations open bank accounts and credit cards, take out loans and mortgages, and establish financial lives, they will continually expect an intuitive and consistent digital experience. 

In an effort to help financial institutions stay ahead of the curve in both user experience and innovation, we built the Narmi Design System. Our design system allows us to design with consistency, innovate faster, and enable a greater user experience across our account opening, consumer digital banking, business banking, and admin platforms.

As the digital experience only grows more complex, it is critical for financial institutions to identify partners with thoughtful design systems to help them maintain a beautiful and modern user experience across all of their digital touchpoints.

What is the Narmi Design System?

The Narmi Design System is a “single source of truth” library that documents every design component used across our digital banking platforms, along with a set of guidelines and source code that instruct designers and developers on how to build with these components.

An open source system

Our design system is open source which means that it’s freely available to be distributed and used by a wide audience. Now anyone building and integrating with Narmi, including Narmi developers and development teams at our customer financial institutions and their 3rd party vendors, has access to the same building blocks.

What's included in the Narmi Design System

Component style guide

Our design system includes a component style guide which documents everything from our product style (colors, typography, layout, etc.) to how we build components (buttons, formfields, toggles, navigation, etc). Check out our component style guide here

Component code library

The Narmi Design System also includes a component code library that serves as the home for developers to quickly access the code for these components so they can build at scale. All the components within our library are fully responsive and accessible. Check out our component code library here.

How the Narmi Design System works

To showcase the benefits of the Narmi Design System consider a scenario where a developer needs to add a simple button within the digital banking experience. A button is an example of a standalone component that has its own color themes to show different interactions, such as clicking or hovering over the button. This independent component is also often integrated within larger components like a log-in screen or a pop-up modal etc. 

The beauty of documenting the size, shape, and various states of a standalone button is that designers and developers have an already built and ready to use component instead of having to build it each time from scratch. Think of a component within a design system like a cookie cutter – one that has the ability to create perfectly formed clones of the component and eliminates any human error. A design system is what allows Narmi to be more precise, build efficiently, and maintain visual consistency across all digital touchpoints.

Why does the Narmi Design System matter to financial institutions?

The Narmi Design System accelerates and elevates the quality of frontend development enhancing the digital banking experience. Every financial institution can leverage a design system to their benefit, and to the benefit of their customers.

A design system ensures the latest & greatest user experience

Without a design system, teams often build in siloes, recreating or duplicating work, resulting in digital experiences that are visually inconsistent and disjointed. The Narmi Design System helps ensure a unified and intuitive user experience by closing the gap between designers and developers. 

As a single source-of-truth destination, a design system is what enables our internal teams, fintech partners, and customers to use the same components. This improves their workflows, saves time, and enhances consistency and intuitiveness across the platform. Furthermore, a design system is meant to be built upon, which allows Narmi to make frequent improvements and updates. This ensures that our customers always get the most modern digital banking experience.

The freedom to go to market faster with innovative features

With consumers demanding more innovative and engaging experiences, it is critical for financial institutions to find the right partners that allow them launch with innovative features faster and stay ahead of the curve. If you’re a financial institution with an in-house development team, you can leverage the Narmi Design System in tandem with our Narmi Application Framework to build custom functionality that looks and feels native to Narmi. 

Financial institutions without internal development resources can also reap the benefits of Narmi’s development and design teams through the Narmi Design System. And if custom functionality is needed, we can collaboratively design and build it with consistency and the peace-of-mind knowing it’ll integrate seamlessly. With prebuilt and reusable design elements, developers and designers are ultimately able to roll out changes faster and focus more of their efforts on tackling larger innovation challenges.

A design system built to grow

The best design systems are built to evolve. With each new digital experience, standards are elevated, and so too does our product. The Narmi Design System will continue to evolve as the Narmi platform evolves. Its continual evolution means that financial institutions can have peace of mind knowing that each design update and iteration will keep them modern, innovative, and ahead of the curve.

Narmi Inc.
3 East 28th St. Floor 12
New York, NY 10016

Introducing the Narmi Design System