Bullet front-end prototype
Static HTML/CSS rebuilt from the Figma redesign. Screens appear here as they're assembled.
Use the app
▶ Start the app — log in
The real front door. Everything is connected from here: menus, workflows, drawers.
Guided flows — how everything connects
7 journeys with steps, so you always have the context for any screen
Component preview
Test plan — start here
37 cases in sequence; mark Pass / FE issue / BE note, then copy results back to Claude
Dead ends review — all 15 answered & implemented
Every unwired element, highlighted live, with a copy-paste prompt per item
QA sweep — round 1 (done)
14 findings, all actioned & deployed
QA sweep 2 — all 63 screens (done)
~30 findings reviewed; 33 fixed & deployed, D4/D5 skipped
All components, all states
Buttons, inputs, row cards, todos, chip groups, filter panel, tables
All screens (direct access — see Guided flows for context)
Tax / Dashboard
Returns overview — action required, coming up, filed, completed
Tax / Settings
Payment schedule + export settings rows
VAT workflow 1 — Getting started
Three-step checklist
VAT workflow 2 — How to upload
Video card with play button
VAT workflow 3 — Next: review
Checklist, first task complete
VAT workflow 4 — Review return
What happened, VAT owed/paid rows, approve
VAT workflow 5 — Next: upload
Checklist, two tasks complete
VAT workflow 6 — Upload to ROS
9-step ROS guide with download + notice number
VAT workflow 7 — Complete
All tasks done
Tax / Dashboard — card expanded
Disclosure row open with child rows
Tax / Dashboard — filter drawer
Collapsed sidebar, docked filter panel
Tax / VAT Return detail
What happened + owed/paid in one card
Tax / VAT payment schedule
Schedule select + date of change panel
Tax / Payroll return
Returns status, summary table, wages/ERR
Bank / Transactions
Account chip, missing info, transaction rows
Payroll / Employees
Current + terminated employee lists
Invoice / Clients
Stat cards + client amount columns
Invoice / Create
Document preview + tabbed estimate drawer
Menu / Settings
Second-level settings submenu
Payroll / Payslips
Payslip rows by date, Actions menu open
Invoice / Client view
What the client sees — document + actions
Invoice / Home + settings drawer
Overdue/due groups, auto-chase, settings cards
Invoice / History & notes
Events, payments, notes, tasks panel
Invoice / Add deposit
Tabbed drawer: amount, date, account
Invoice / Tasks menu
Discount or refund chooser panel
Bank / Settings
Connected accounts with status
Payroll / Settings
Additions, schemes, report, export
Payroll / Gross to Net report
Wide scrollable report table
Payroll / Onboarding complete
Checklist + grouped posting steps
Menu / Settings
Second-level settings submenu
Modal / Grey takeover
Save draft vs approve & lock
Narratives / Refund & deposit
What-happened explanation cards
Log in
Entry point — logout everywhere returns here
Tax / Export data
Date range + UTF-8, downloads a demo CSV
Payroll / Add new employees
Manual-add form from the onboarding designs
Settings / Email (rebuild reference)
Legacy form restyled — the pattern for all settings forms
Bank / Account view + edit
Connected account panels from Figma
Pay invoice (client)
Card, bank transfer, GoCardless demo