Sahara Financial Ledger · Mobile · Screen Walkthrough

Set the goal. Then divert the money to reach it.

A warm, minimalist private-wealth app where you name a goal and the ledger reorganises around it — AI affordability insights, a compounding growth planner and an asset allocator that all answer one question: how much sooner can I get there? Captured from the running build at 390×844. Use the arrow keys to step through, or click any screen to open it full size.

← Back to case study

9 screens · tap to jump
About these screens

Captured from the running React build, not mocked up. Sahara is a Vite + React + Capacitor app — the same bundle ships to the web and wraps into an Android package, which is why the layout is designed at phone width first.

The through-line is goal-directed money. Rather than reporting what you spent, every surface is framed against a target: how many months earlier you reach it, what the compounding adds, and which allocation gets you there.

AI appears three times — affordability insight, portfolio synthesis and the assistant — always attached to a specific number rather than as a general chat window.

Design tokens

Taken verbatim from src/index.css. Warm sand on bone white with near-black cards for the figures that matter, and a 32px corner radius throughout.

#FDFBF9 background #C68E5A primary #F2EDE4 tertiary #2D2926 ink #7A746E secondary

Playfair Display for figures and headings, Manrope for everything functional.