What’s inside the Banking App.
10 screens with real content in place. Rewrite them, reorder them, or add your own.
- 1Screen 1Home: big total balance with money in and out, a stack of cards, quick actions and recent activity
- 2Screen 2Card detail: the green debit card, freeze, details, PIN and replace, the monthly limit and card controls
- 3Screen 3Send money: recent contacts, the recipient, the amount on a keypad, a note and the send button
- 4Screen 4Transfer sent: a success state with the amount, the recipient and a share receipt button
- 5Screen 5Transactions: search, filter chips and every payment grouped by day
- 6Screen 6Transaction detail: merchant, map pin, category, card used, split and dispute
- 7Screen 7Insights: spending this month against last, a six-month bar chart and categories
- 8Screen 8Savings goals: goals with progress rings, round-ups and a new goal form
- 9Screen 9Profile and settings: account details, security, statements and help
- 10Screen 10Notifications: payments, salary, card and security alerts in one feed
When to use it.
Banking App is a 10-screen phone app design for fintech teams, product designers and agencies pitching a digital bank. It follows one account through the home screen with the balance and a stack of cards, card controls, sending money on a keypad and the receipt, transactions grouped by day, a payment's detail, spending insights, savings goals with progress rings, settings and notifications. White screens, graphite type and one deep green accent keep it calm, with a big Inter Bold balance and pill buttons.
Made for
- Product designers starting a new app
- Startups pitching an app idea
- Agencies designing apps for clients
- Developers who need screens to build from
Make it yours in four steps.
Open it in UI design and work through it, or let Docsiv AI do the first pass with your details.
- Step 1
Swap Fernway for your bank's name, then set its green and graphite to your brand colours.
- Step 2
Edit the card design, balance, contacts and payments in each screen's layers.
- Step 3
Adjust the insights chart and savings goals to match the features you're building.
- Step 4
Link the screens into a clickable prototype, or export them as FIG, SVG, PNG or PDF for your developers.
Start from the Banking App now.
Questions about this template.
Something else on your mind? Ask us in the chat, bottom right of the page.
Is the Banking App template free?
Yes. Create a free account and it opens in Docsiv's UI design app, ready to edit and share. The Free plan includes every Docsiv app and 500 AI credits a month.
Can I change the colours, fonts and text?
Yes, all of it. The template uses Inter with #ffffff, #1c1f23, #0f5c3f, #e5f1ea, #f2f3f2, and you can change any of them, rewrite every word and add or remove screens and layers.
What can I export it as?
UI design in Docsiv offers: FIG, SVG, PNG and PDF files. Once it's saved, you can also share it with a link.
Can Docsiv AI change it for me?
Yes. Tell Docsiv AI what you need, such as your brand's colours, new wording or another screen, and it makes the changes in UI design for you to review. AI uses credits; the Free plan includes 500 a month.
Start your app design with Docsiv AI
Describe the client or the project and Docsiv AI writes a first draft of your banking app UI for you to edit, share and send.