Soft Vault Mint

Savings App UI Design Template

Nestable is a goal-based savings app design with a calm mint-and-gold look, built for fintech founders and designers shipping a money-saving product.

Use this template

Savings app home dashboard with total saved hero and goal fill-capsules

Savings app goals list screen with fill-capsule progress thumbnails

Savings app goal detail screen with full-height fill meter and deposit button

Explore the screens

Preview the savings mobile app design, fully editable in Sleek.

Auto-saveScreen 4

ActivityScreen 5

InsightsScreen 6

About the Savings App

Nestable is a savings app UI design template built around a "Soft Vault Mint" look: warm paper-white backgrounds, deep evergreen text, and calm sage panels, with a single confident gold reserved for completed goals and the primary deposit button. Surfaces separate by faint mint-tinted fills and rounded corners rather than borders or shadows, so balances sit on inset, carved-tile panels that feel tidy and reassuring.

The signature is the "fill meter": every savings goal is a tall vertical capsule that fills from the bottom like liquid, with a gold waterline rising as you save. It recurs as a thumbnail on goal cards, full-height on the goal detail, and as a row of mini-capsules across the dashboard. The template ships six connected screens that form a complete saving flow: a Home dashboard with a total-saved hero, a Goals list, a Goal detail with deposit and withdraw controls, Auto-save rules, an Activity feed, and an Insights chart.

Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.

Screens included

Home

A personalised greeting, a large "Total Saved" figure on an inset panel, three mini fill-capsules for active goals, a round-ups strip, and streak and next-up tiles. The reassuring at-a-glance overview.

Goals

A list of goal cards, each with a fill-capsule thumbnail, amount saved against target, and a projected finish date or completed badge. The browse-and-track surface for every savings pot.

Goal detail

A full-height fill meter rising toward a gold waterline, percentage of goal reached, prominent "Deposit" and "Withdraw" controls, and a recent contributions history. Where users grow a single goal.

Auto-save

Rules as toggle rows on tonal panels: round-up purchases with a multiplier, a weekly deposit, and a payday percentage transfer, plus a gold "Create Custom Rule" button. Automates saving as you spend.

Activity

A dated transaction feed grouping deposits and round-ups under Today, Yesterday, and past dates, each with a running balance. Makes every saved coin traceable.

Insights

A monthly saved bar chart in sage with the latest month highlighted in gold, weekly-average and saving-streak stats, and a weekly consistency row. Turns saving into a rewarding habit.

Key features

Soft Vault Mint aesthetic: paper white, evergreen ink, one gold accent
Signature vertical fill-meter capsules with a rising gold waterline
Borderless tonal-stack surfaces with rounded, inset panels
Tabular numeric balances set thin and tracked
Goal cards with fill thumbnails, targets, and projected finish dates
Auto-save rules as toggle rows (round-ups, weekly, payday percentage)
Dated activity feed with running balance
Insights with monthly bar chart, weekly average, and saving streak

Who it's for

Fintech founders validating a savings or money-pots MVP

Product designers needing a polished savings-app starting point

Indie developers building a goal-based saving tool

Neobank teams prototyping a savings feature

What you can build

Launch an MVP for a goal-based savings product
Mock up screens for an investor or stakeholder pitch
Hand a consistent, complete UI off to developers
Explore a redesign of an existing savings or pots feature

How to use this template

1
Open the template
Browse the screens and preview the full design to see if it fits your idea.
2
Use this template
Open your own fully editable copy in Sleek with one click.
3
Edit with AI
Restyle the palette, change layouts, and add or remove screens just by describing what you want.
4
Export and ship
Export your design or hand it to developers, and keep building toward launch.

Questions, answered. Everything to know before you start.

How do I build a savings app from this template?

Click "Use this template" to open it 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 savings app design far faster.

What screens are included in this savings app UI design template?

Six connected screens: Home, Goals, Goal detail, Auto-save rules, Activity, and Insights. Together they cover the core flow of a real savings app, from tracking goals and depositing money to automating saves and reviewing progress.

Can I customize the fill-meter and color palette?

Yes. Use the template in Sleek and edit any screen by chatting with the AI: restyle the mint and gold palette, adjust the fill-capsule meters, change layouts, and add or remove flows. There's no manual redraw; you describe the change and it's applied.

Is this savings 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.

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 template suitable for a money-pots or round-up savings app?

Absolutely. The goals, auto-save rules, and round-up activity screens map cleanly onto pots, round-up saving, or automated-transfer apps. Adjust the rules, currency, and goal categories to fit your product.

Something else? Write to support@sleek.design.