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.



미리보기
화면 살펴보기
Sleek에서 완전히 편집 가능한 savings 모바일 앱 디자인을 미리 보세요.
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.
구성 내용
포함된 화면
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.
디자인 & 기능
주요 기능
- 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
오디언스
이런 분께 맞습니다
활용 사례
이런 것을 만들 수 있습니다
- 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
이 템플릿 사용 방법
- 1
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
- 2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
- 3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
- 4
내보내고 출시
디자인을 내보내거나 개발자에게 넘기고, 출시를 향해 계속 만들어가세요.
자주 묻는 질문
savings 앱 디자인 시작하기
Sleek에서 사용해 내 것으로 만드세요. 팔레트를 다시 스타일링하고, AI로 어떤 화면이든 편집한 뒤 코드나 Figma로 내보내세요.
이 템플릿 사용







