Preview image. Unlock full-res
Four-column feature grid with purple-accent headline and equal cards showing budget tiles, alert stack, savings goal progress, and retirement bar chart UI.
Summary
A white four-card features section headed "Smart financial management customized to you" with each column showing a UI vignette and supporting description for budget, alerts, savings, and retirement.
Visual description
White background. Centered headline: black "Smart financial management" with purple "customized to you". Four equal columns with light blue-grey rounded card backgrounds. Card 1 "Stay on top of your budget": grid of small white category tiles (Rent $4,315, Utilities $275, Groceries, Business, Fitness $467, Eating out $970) with icons; description about seeing all finances together. Card 2 "Make smart decisions": vertical stack of three notification cards (bill paid purple icon, large transaction detected, faded spending update); description about real-time alerts and cash flow. Card 3 "Optimize your savings goals": white card with Dream house down payment title, house thumbnail, 40% purple progress bar, Goal $17,500 and Saved $7,100; description about tracking goals. Card 4 "Create a secure retirement": Lifetime Planner stacked bar chart for years 22�27 with Taxable and Tax-deferred legend in purple tones; description about scenario planning.
Key takeaway
Each column leads with a miniature product UI instead of an icon, so features read as real capabilities. Consistent card shells and one purple accent unify four distinct financial use cases.
Reuse notes
Strong homepage pattern for personal finance or budgeting SaaS. Requires four polished UI vignettes; weak mockups collapse the grid. Best at desktop width; four columns need responsive stacking.
