BudgetBuddy Modern Fintech Redesign

By Joaquin Campo

Redesign all screens with this EXACT color palette — no deviations: Charcoal (#141a16) for primary text and dark surfaces, Off-White (#f0ede6) for screen backgrounds, White (#ffffff) for cards and inputs, Coral Red (#e63946) for expense amounts and primary CTAs, Sage (#a3b1ac) for borders and secondary text, Teal (#2ec4b6) for income amounts and savings and AI features and positive trends, Slate (#2a3630) for elevated dark surfaces and nav bar. Use Inter font family. Border-radius 20px on main cards, 12px on nested elements. The teal+coral combo gives modern fintech energy like Wise or Nubank. Teal should appear on income amounts, savings metrics, the AI chat accent, and positive trend indicators. Coral red only on expenses, alerts, and the main action button. Keep everything else from the mature fintech direction — tight spacing, sharp typography, premium feel.