Vai al contenuto

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

Esplora le schermate

Anteprima del design dell'app mobile banking, completamente modificabile 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 MoneySchermata 4
InsightsSchermata 5
ProfileSchermata 6

Info su 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.

Schermate incluse

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.

Funzionalità principali

  • 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

A chi è rivolto

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

Cosa puoi creare

  • 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

Come usare questo template

  1. 1

    Apri il template

    Sfoglia le schermate e guarda l'anteprima del design completo per capire se si adatta alla tua idea.

  2. 2

    Usa questo template

    Apri la tua copia completamente modificabile in Sleek con un clic.

  3. 3

    Modifica con l'AI

    Cambia la palette, i layout e aggiungi o rimuovi schermate descrivendo semplicemente cosa vuoi.

  4. 4

    Esporta e lancia

    Esporta il tuo design o passalo agli sviluppatori, e continua a costruire verso il lancio.

Domande e risposte. Tutto quello che devi sapere prima di iniziare.

How do I build a banking app from this template?
Click "Use this template" to open Noro in Sleek as your own editable project, then shape it by describing the changes you want: restyle the palette, edit any screen, and add the flows your product needs. You start from six complete screens instead of a blank canvas, so you reach a working banking app design far faster.
What screens are included in this banking app design template?
Six connected screens: Accounts, Activity (transactions), Card Details, Send Money, Insights, and Profile. Together they cover the core flow of a real mobile banking app, from viewing balances to sending money and tracking spending by category.
Can I customize the banking app UI design?
Yes. Use the template in Sleek and edit any screen by chatting with the AI: change the palette, adjust layouts, swap merchants and figures, or add new flows. There's no manual redraw; you describe the change and it's applied.
Is this template suitable for a neobank or digital wallet?
Absolutely. The accounts dashboard, card details, send-money keypad, and insights screens map cleanly onto neobanks, wallets, and private-banking products. Adjust the account types, limits, and categories to fit your niche.
Can I export the design to code or Figma?
Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.
Is this banking app design template free to use?
You can open and explore the design for free, then use it in your own Sleek project to build on it. Editing and exporting follow Sleek's standard plans.

Per tutto il resto, scrivi a support@sleek.design.

Inizia a disegnare la tua app banking

Usalo in Sleek e rendilo tuo: cambia la palette, modifica qualsiasi schermata con l'AI ed esporta in codice o su Figma.