Consumer banking

Consumer banking

A mint consumer banking website with a debit-card hero, interactive account previews and a savings planner with a live Community line chart.

Try the experience

Compare three sample accounts, open their details, see distinct Everyday, Savings and Joint previews, calculate contributions, inspect the matching chart and exact data, expand help topics, and ask the floating Vale guide about the preview.

Built with: ChatWidget · LineChart (Charts Community) · Card · Chip · Descriptions · Drawer · Button.

Web implementation

The web starters include these revised designs, their shared source files, images and media. Download the Community starter → The Pro starter includes all 15 UI screens; Community includes 10. OutSystems templates retain their existing releases.

Implementation files: banking.ts, story-shared.ts, story-templates.css, story-chat.ts.

Every screen exports mount(host, env) and returns destroy(). Load the theme stylesheet once in your application. Set env.assetBase to the photo directory and env.galleryUrl to your own gallery route. Page-specific composition styles are scoped separately from SaaS.

Connect your data

Vale is a fictional bank. The calculator adds the starting amount and monthly contributions, excluding interest, fees, tax and inflation. It does not open accounts or handle money. Replace fictional content and connect your own services before production.

All brands, profiles, project details and prices are sample content. The preview makes no external submissions.