الانتقال إلى المحتوى

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

معاينة

استكشف الشاشات

عاين تصميم تطبيق الجوال 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

    عدّل بالذكاء الاصطناعي

    أعد تنسيق لوحة الألوان، وغيّر التخطيطات، وأضف أو أزل شاشات بمجرد وصف ما تريد.

  4. 4

    صدّر وانطلق

    صدّر تصميمك أو سلّمه للمطوّرين، وواصل البناء نحو الإطلاق.

الأسئلة الشائعة

ابدأ بتصميم تطبيق banking

استخدمه في Sleek واجعله خاصاً بك: أعد تنسيق لوحة الألوان، وعدّل أي شاشة بالذكاء الاصطناعي، وصدّر إلى كود أو Figma.

استخدم هذا القالب