Finance · 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.



Aperçu
Explorer les écrans
Prévisualisez le design d'app mobile savings, entièrement modifiable dans Sleek.
À propos de 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.
Ce qu'il y a dedans
Écrans inclus
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.
Design et fonctionnalités
Fonctionnalités clés
- 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
Public
Pour qui c'est fait
Cas d'usage
Ce que vous pouvez créer
- 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
Comment utiliser ce template
- 1
Ouvrir le template
Parcourez les écrans et prévisualisez le design complet pour voir s'il correspond à votre idée.
- 2
Utiliser ce template
Ouvrez votre propre copie entièrement modifiable dans Sleek en un clic.
- 3
Modifier avec l'IA
Restylez la palette, changez les mises en page, et ajoutez ou supprimez des écrans simplement en décrivant ce que vous voulez.
- 4
Exportez et lancez
Exportez votre design ou confiez-le aux développeurs, et poursuivez le développement jusqu'au lancement.
Questions fréquentes
Templates d'apps mobiles associés
Commencez à designer votre app savings
Utilisez-le dans Sleek et faites-en le vôtre : restylez la palette, modifiez n'importe quel écran avec l'IA, et exportez en code ou Figma.
Utiliser ce template







