跳到主要内容

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

探索各界面

预览 banking 移动应用设计,可在 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 Money第 4 屏
Insights第 5 屏
Profile第 6 屏

关于 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.

包含的界面

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.

核心功能

  • 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

适合谁

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

你可以做什么

  • 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

如何使用此模板

  1. 1

    打开模板

    浏览各界面并预览完整设计,看看是否契合你的想法。

  2. 2

    使用此模板

    一键在 Sleek 中打开你自己的完全可编辑副本。

  3. 3

    用 AI 编辑

    只需描述你想要的效果,就能重设配色、改布局、增删界面。

  4. 4

    导出并上线

    导出设计或交给开发者,继续推进上线。

有问必答。 开始之前你需要了解的一切。

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.

还有其他问题?请发邮件至 support@sleek.design。

开始设计你的 banking 应用

在 Sleek 中使用并改成你的:重设配色、用 AI 编辑任意界面,再导出为代码或 Figma。