Skip to content

Finance · Midnight Private Bank

Banking App Design Template

Noro is a private-bank-inspired banking app design with a near-black palette and a single mint accent, built for fintech founders and product designers.

Banking app accounts dashboard with total portfolio value and quick actions
Banking app activity screen with transaction feed grouped by date
Banking app card details screen with rendered card and security details

Preview

Explore the screens

Preview the banking mobile app design, fully editable in Sleek.

Banking app accounts dashboard with total portfolio value and quick actions
Banking app activity screen with transaction feed grouped by date
Banking app card details screen with rendered card and security details
Send MoneyScreen 4
InsightsScreen 5
ProfileScreen 6

About the Banking App

Noro is a banking app design template built around a "Midnight Private Bank" look: a near-black graphite base, crisp white figures for balances, cool slate for metadata, and one restrained mint accent reserved for positive numbers and primary actions. Balances are set large with tight tracking and tabular figures so amounts line up like a ledger, while small uppercase labels keep every section calm and exact. It reads as wealth handled with precision rather than noise.

The template ships six connected screens that form a complete mobile banking flow: an Accounts home with a hero portfolio number, a swipeable card carousel, and a Send/Request/Pay/Top up action row; an Activity feed grouped by date with merchant logos and incoming amounts in mint; a Card detail screen with a rendered card, digital number, CVV reveal, and a utilization bar; a Send money keypad with a recipient picker; an Insights view with a spending donut and ranked categories; and a Profile with personal settings, security, and governance toggles.

Use it in Sleek and make it your own: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to clean code, copy it into Figma with no plugin, or hand a prompt to an AI agent to build it for real, a far faster start than a blank canvas.

What's inside

Screens included

01

Accounts

A home dashboard with a hero total portfolio value, a quick-action row for Send, Request, Pay, and Top up, a swipeable card carousel, and a portfolio performance chart. The financial command center.

02

Activity

A transaction feed with a spending-this-week summary card and budget bar, then rows grouped by date showing merchant logos, categories, and amounts with incoming salary in mint.

03

Card Details

A large rendered gradient card with digital card number, copy button, expiry, and a tappable CVV reveal, plus a card utilization bar showing monthly spending against a limit.

04

Send Money

A recipient picker with priority-contact avatars, a large transaction amount figure, a source-account selector, and a numeric keypad for entering the payment.

05

Insights

A monthly burn donut chart with a month selector, followed by a ranked list of spending categories showing percentage, transaction count, and totals.

06

Profile

Account settings grouped into personal settings and governance, with rows for personal information, security, statements, a biometric access toggle, and spending limits.

Design & features

Key features

  • Midnight Private Bank aesthetic: graphite base, white figures, one mint accent
  • Tabular ledger-style balances with tight tracking
  • Tonal 20px card stack with elevation from tone, not shadow
  • Swipeable payment-card carousel
  • Quick-action row for Send, Request, Pay, Top up
  • Date-grouped transaction feed with merchant logos
  • Spending donut and ranked category insights
  • Flat bottom tab bar with a hairline top border

Audience

Who it's for

Fintech founders validating a mobile banking MVP
Product designers needing a banking app UI starting point
Indie developers shipping a neobank or wallet app
Design teams prototyping a private-banking experience

Use cases

What you can build

  • Launch an MVP for a neobank or digital wallet
  • Mock up screens for an investor or stakeholder pitch
  • Hand a consistent banking UI off to developers
  • Explore a redesign of an existing banking app

How to use this template

  1. 1

    Open the template

    Browse the screens and preview the full design to see if it fits your idea.

  2. 2

    Use this template

    Open your own fully editable copy in Sleek with one click.

  3. 3

    Edit with AI

    Restyle the palette, change layouts, and add or remove screens just by describing what you want.

  4. 4

    Export and ship

    Export your design or hand it to developers, and keep building toward launch.

Frequently asked questions

Start designing your banking app

Use it in Sleek and make it yours: restyle the palette, edit any screen with AI, and export to code or Figma.

Use this template