§ Builds — nine concept demos on dummy data

Nine different shapes of software, built end to end.

Each demo is a working application. Click into any of them and the state persists in your browser.

These are not slide decks or wireframes. They are nine standalone applications, each in its own stack and visual language, and each one was designed for the person who would actually run it day to day.

The nine are deliberately different shapes of software. We picked them this way so you can see which one sits closest to your team's work. One of them probably does.

Pick the one that fits and tell us what your version would look like. The first conversation is short.

Status
9 live · interactive
Data
Dummy, fully fabricated
Stack
Different per demo, by design
Persistence
Your browser, nothing leaves it
Owned by
Your team, after
Time to first build
~ 2 hours per demo
Quarter — finance admin reviewing an expense in the desktop inbox.
01

Quarter

Expense and corporate-card management

Photograph a receipt, and the rest of the month-end close follows.

  • Mobile receipt-scan with a 1.8s extraction step, then a pre-filled confirm screen
  • Approval routing, anomaly flags ("Marco's coffee spend up 340%"), senior approver for amounts over €500
  • Month-end close checklist with Xero and NetSuite CSV exports
Next.js · Tailwind · Recharts Open build →
Throughline — operator kanban with 60 orders across six stages.
02

Throughline

Order operations + public tracking page

An operations kanban for sixty orders, with the customer-facing page the buyer actually reads.

  • Drag-and-drop pipeline: New → Picking → Packed → Shipped → Delivered → Returned
  • AI-drafted customer comms keyed to order state (delay apology, shipping update, return label)
  • Branded tracking page for a fictional homewares brand at #/track/<order>
SvelteKit · svelte-dnd-action · pdfmake Open build →
Atlas — contact detail with AI-written relationship summary panel.
03

Atlas

Sales CRM with relationship intelligence

A pipeline that surfaces the next thing to say to each contact.

  • Weighted forecast that recalculates as deals move between stages
  • Contact records with a written relationship summary and a next-best-action
  • 300-node warm-intro graph that highlights the shortest path into any prospect
React · TanStack Router · Cytoscape · framer-motion Open build →
Lattice — contract review surface with PDF on the left and clause risk cards on the right.
04

Lattice

Contract review workbench

Mark up an MSA the way a senior associate would, then route the trickier clauses to a partner for sign-off.

  • Eight real-feeling PDFs (MSAs, NDAs, DPAs, SaaS), clause-by-clause risk in red, amber, green
  • Playbook compare: "Cap reduced from 12 months to 6 months of fees", suggested replacement language
  • Side-by-side diff with prior version, partner approval queue, redline editor per clause
React · pdfjs · Tiptap · diff-match-patch Open build →
Halcyon — clinician pre-visit brief with AI summary and risk flags.
05

Halcyon

Private clinic, whole patient journey

A clinician opens the brief and reads what the patient wrote on their phone the night before. They walk into the consult prepared.

  • Pre-visit questionnaire on the patient's phone, AI summary and risk flags for the clinician
  • Treatment plan, follow-up schedule, week-12 adherence heatmap with red-flag alerts
  • FullCalendar booking with no-show prediction per appointment, AVG-style audit trail
Astro · React islands · Recharts · FullCalendar Open build →
Vault — tenant landing page with Westbridge Health's teal accent applied.
06

Vault

Multi-tenant client portal

Each of six fictional clients gets their own brand-skinned portal, with an assistant scoped to only their documents.

  • Per-tenant accent colour, document room with watermarked PDF previews
  • AI doc Q&A that cites the source document and refuses cross-tenant probes
  • Firm-view rollup with a "view as client" overlay for ops support
Next.js · Tailwind · react-pdf · CSS-variable theming Open build →

§ Phone-first builds — three more on dummy data

Tools that live in the pocket of the person doing the work.

Each of these three runs on a phone because the person using it isn't at a desk. The bigger competitors have enterprise software for the same work. These three concepts show what the equivalent looks like at small or mid-size scale.

Beacon — sales rep's route map on a phone with the bottom-sheet stop list.
07

Beacon

Field sales for a regional wholesale distributor

A sales rep walks into a customer's shop, opens the phone, and the customer's whole order history is right there.

  • Today's route on a MapLibre map, twelve stops with ETAs across Amsterdam
  • Order on the customer's counter: SKUs pre-filled with their reorder cadence, simulated camera SKU-scan, signature on the screen
  • Manager view rolls up eight reps and surfaces customers not visited in 30+ days
SvelteKit · MapLibre GL · Tailwind Open build →
Sitewise — site supervisor's home screen with the hi-viz orange Capture-variation primary action.
08

Sitewise

Construction PM in steel-toes

A site supervisor captures a variation order on the spot, with the client there, in 30 seconds.

  • Photo plus voice-note: AI categorizes the variation, drafts the text, the client signs on the phone, the PDF is in the office before the supervisor walks off-site
  • Per-site card with open RFIs, today's deliveries reconciled against POs, subcontractor punch-in
  • Owner view: the cash owed in unsigned variations, safety score, revenue across eight active sites
Vite + React · Tailwind · idb-keyval offline Open build →
Portico — GM's today screen at The Verre Amsterdam with the cream-and-brass numbers row.
09

Portico

Boutique-hotel-chain GM

The GM walks the property and the phone holds the day across all rooms, with tonight's VIPs pre-briefed.

  • Today's arrivals with AI pre-stay briefs ("they complained about the pillow in 2024, hasn't been mentioned since")
  • Per-property card: occupancy now, RevPAR, F&B covers, comp-set position vs. the 3-4 nearby hotels
  • Owner view across five properties: monthly P&L, direct vs. OTA channel mix, labour cost as % of revenue
Next.js · Tailwind · Recharts Open build →

The asterisk.*

Every screen here is on fabricated data, deliberately. What matters is the shape: what each demo includes and what it leaves out. Someone in the real role should recognise it as close to what they would actually open.

The nine are written in different stacks on purpose. Each demo picks the tool that fits its own surface, so the visual language stays honest to the kind of product being shown. Persisted state lives in your browser only, and no demo talks to a backend.

If one of these sits close to your team's situation, that is where a conversation should start. Tell us which

§ Contact

Which build fits your team?

Or if you have another need, drop a few lines on what your team uses now and what you would like to build. We'll come back with what your first build might look like.