The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Finance ๐๐ป๐ฎ๐น๐๐๐ถ๐ฐ๐ ๐๐ฎ๐๐ต๐ฏ๐ผ๐ฎ๐ฟ๐ฑ - Personal Finance Tracking UI.
This is a modern analytics dashboard concept designed for personal finance platforms focused on giving users complete visibility into their financial health through clean data visualisation, smart categorisation, and insights that make every number easy to act on.
The goal was to make financial data feel empowering rather than overwhelming. Soft white surfaces, pastel data charts, and a minimal card-based layout that lets the numbers speak without visual noise getting in the way.
๐ฆ๐ฝ๐ฒ๐ฐ๐ถ๐ฎ๐น ๐ฎ๐๐๐ฒ๐ป๐๐ถ๐ผ๐ป ๐๐ฎ๐ ๐ด๐ถ๐๐ฒ๐ป ๐๐ผ:
Five KPIs surfaced instantly: Balance, Income, Expenses, Savings, and Transactions.
A full-year balance chart tracking income vs. expense trends; spending breakdown by category: daily needs, savings, shopping,
๐ง๐ฟ๐ฎ๐ป๐๐ฝ๐ผ๐ฟ๐:
ย โข top merchant tracker with progress bars for Amazon, Starbucks, and Apple Store;
ย โข income vs expense gauge with net savings at center;
ย โข cash flow trend across JanโMay 2026;
ย โข date range selector and one-click export report
The result is a finance dashboard that makes every number feel actionable, not just visible.
Looking to design a finance or analytics dashboard that feels this considered? Let's build it together.
#Dashboard #Design UI #Design #Data Visualization
Figma
I like that the numbers stay easy to read without feeling overwhelming.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatโs yours right now?
Related posts
Being a designer feels like a superpower. Build a prototype? Nope. A fully working app? Yes! Hereโs what I made:
Leela is a 2,000-year-old Indian board game with 72 squares, one question, and one die. You roll to enter, move through named inner states, and write a reflection at each square.
Existing versions are either flat, digitised boards or feature-heavy wellness suites. I wanted to make a quieter one.
How I built it:
โ Flowstep MCP wired into Claude Code, Created Flowstep screens directly on canvas and implemented changes from the canvas and using Figma, Design MD file inside of Flowstep is a gem, helps to create cohesive design fast
โ Three complete design iterations before the visual language felt right: a night-sky version, a minimal one, and finally the aura direction that shipped.
โ A playable build deployed on Vercel with the real rules: roll a six to enter, three sixes burn, land exactly on square 68 to complete the game, and landing on square 72 sends you back to 51, music on/off, record or type settings.
โ An optional AI guide running behind a serverless function, so the API key never reaches the browser. The game is fully playable without it.
๐ Link: Flowstep
๐ฎ Play: https://leelagame.vercel.app
Linkedin Post: link
Built with Flowstep, Claude Code via MCP, and Vercel.
#FlowstepChallenge
can't wait to try out this game, a 2000 year old game with 72 squares seems like a real challenge, I don't know but my mind is telling me "SUDOKU STRATEGY" ๐. I love also how many screens you have and the consistency that you respected.
A closer look at the identity we designed for the Rylo rebrand.
I teamed up with @hunterthompson to shape the logo, typography, icon system, colour palette, and full visual identity.
Rylo came to us with a strong foundation, but the existing identity felt a little to clinical and lacked the personality to match the product.
So we rebuilt the logo and icon system around Rylo's core purpose: a letterform, an audio waveform, and two opposing shapes representing communication, all in one simple, distinctive mark.
That mark became the engine of the system, driving the wave patterns, graphic language, motion, and supporting assets into one cohesive identity.
One of those projects where a single idea grows into an entire visual language. Loved every minute.
Huge congrats to Rylo on raising $100M and making communication more accessible for those who need it most
World class
Iโve designed two branding concepts, and Iโd love your feedback. Which one do you think stands out more?
22 voted
50%
22 voted
50%
44 votes
Closed
Superb execution!