Introducing the Fintech dashboard kit

Fintech products look simple from the outside: a balance, a list of transactions, a button to send money. Underneath, every one of them needs the same hard parts, from card states and transfer flows to analytics and settings. The Fintech dashboard kit gives you those parts on day one.

What’s inside

The kit covers the flows we kept rebuilding for clients, in light and dark, on desktop and mobile:

• Accounts and cards, with frozen, expired and virtual card states
• Transfers, from recipient search to confirmation and receipt
• Analytics with charts that use the same tokens as the rest of the UI
• Onboarding, sign in, notifications and settings

Built on the same tokens

Nothing in the kit is detached. Every screen is made of Gridnivo instances, so when a component improves in the library, the kit follows. Colours, radius, spacing and type all come from the same variables you use everywhere else.

“A kit should be a starting point that stays connected, not a pile of screens you copy once and maintain forever.”

Rebrand it in minutes

Change three variables and every screen takes on your brand. In code, the same change is three lines of CSS:

:root {
  --gn-brand: #0E9F6E;   /* your brand colour */
  --gn-radius-md: 8px;
  --gn-font-sans: "Inter", sans-serif;
}

In Figma, switch the variable mode or edit the brand collection. Buttons, charts, badges and focus rings all update at once.

What’s next

The Property listings kit is next, with search, map view and listing pages. After that, healthcare and e-commerce. Tell us which one you need first.