Back to UI Design
UI · Components

Modals

Focused modal and card patterns — financial dashboards, spending summaries and file-upload states. Each surface is built for clarity, hierarchy and a calm visual rhythm.

Finance Dashboard — Cards & Reports

Finance Dashboard — Cards & Reports

A modular dashboard system covering revenue, weekly expenses, saving goals and recurring subscriptions — designed for quick scanning and dense data legibility.

Spending Summary Modal

Spending Summary Modal

Bold radial visualisation paired with category breakdowns and a contextual spending-limit note — built to make 'how much did I spend?' answerable in a single glance.

File Upload States

File Upload States

Three progressive states — uploading, mid-upload and completed — with clear file metadata, progress and post-upload actions (Change / Remove).