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.

Usar este template

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

Explorar as telas

Prévia do design de app mobile de banking, totalmente editável no Sleek.

Send MoneyTela 4

InsightsTela 5

ProfileTela 6

Sobre o 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.

Telas inclusas

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.

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.

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.

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.

Insights

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

Profile

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

Principais recursos

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

Para quem é

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

O que você pode criar

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

Como usar este template

1
Abrir o template
Navegue pelas telas e veja a prévia do design completo para checar se combina com a sua ideia.
2
Usar este template
Abra sua própria cópia totalmente editável no Sleek com um clique.
3
Editar com IA
Mude a paleta, altere layouts e adicione ou remova telas só descrevendo o que você quer.
4
Exporte e lance
Exporte seu design ou entregue aos desenvolvedores, e continue construindo rumo ao lançamento.

Suas dúvidas, respondidas. Tudo o que você precisa saber antes de começar.

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.

Outra dúvida? Escreva para support@sleek.design.