View
Project
Dashboard UI Kit Fintech Product Design Case Study

Finaura

A fintech dashboard with a serif voice, one bright accent and a fully animated interface.

Finaura - Premium UI Kit - Everything you need to launch a fintech product | Product Hunt
Role

Product Designer

Year

2025

Type

Self-initiated

Platform

Web (Desktop)

Goal

Design a fintech dashboard that feels modern and fresh: serif type, a bright accent, a simple interface and soft motion.

What I did

A 60+ screen dashboard kit and design system in Figma, then every interface element animated into a live demo, built with AI.

Outcome

A consistent system across 12 product modules, where every component adapts cleanly to wide layouts.

Context

What does a fintech dashboard look like without the corporate look?

Finaura is a personal exercise and a showcase. No client, no brief: just the question of how modern a finance product can feel.

Serif headlines, one bright accent on dark, fewer elements and soft motion.

Principles

Five rules the whole kit is measured against.

01

Modern and fresh

Every screen is judged against one question: does it feel current?

02

Serif headlines

Italic serif page titles give a financial product a voice, not just a grid of numbers.

03

One bright accent

Lime on near-black carries every primary action and every highlight.

04

Simple by intent

Much of what a typical banking dashboard shows at once was cut on purpose.

05

Soft motion

Nothing jumps. Every element has its own specified animation.

Design system

Three voices of type, one accent, and navigation written like code.

  • Type. Serif italic for page titles, monospaced uppercase for financial labels and data, a sans for everything else.
  • Colour. Near-black surfaces and a single lime accent. Status colours appear only where the data needs them.
  • Navigation. Sidebar groups read // CREDIT, // PAYMENTS, // ACCOUNT, echoing the monospaced labels.
  • Built for width. Components follow atomic principles with shared spacing tokens and card patterns, so every screen adapts cleanly to wide formats.
Finaura design system v1.0 overview
Key screens

Twelve modules, from credit to subscriptions.

Home, Tasks, Transactions, Card, Credit Line, Pay Later, Installments, Transfers, Bill Pay, Services, Analytics and Subscription, plus sign-up. 60+ screens in Figma, all on Auto Layout.

Finaura analytics: income versus expenses and top categories
Finaura card screen with the option to freeze the card
Finaura credit score and subscription plans
Finaura task detail with progress and subtasks
Finaura sign-up screen
Motion

Every element animated, assembled into a live demo.

Each element's animation is specified, then put together into a working demo of the interface, built with AI. It's the fastest way to show how the system behaves, not just how it looks.

Open the live demo ↗

What I learned

A consistent system pays for itself at scale.

With shared tokens and components, 60+ screens stay in one style, and every element adapts to wide layouts without being redrawn.

Explore

See the full
project

Next Case Study

Subscrr

iOS app