Pattern library

Complete screens.
Grouped to explore.

Browse the screen library without loading every preview. Each group leads with live examples here; open a group to see the rest.

Available
146
Groups
13
Sizes
03

Pattern groups

Browse the roadmap

Groups follow the screen-library roadmap. Available groups open live previews; planned groups stay visible so the intended structure is clear.

019 available

Authentication

One chassis, two poses — an ink banner beside the form, or a centred column under the mark.

9 total patternsOpen group

First preview · Split sign in

0211 available

Application shells

Eleven chrome layouts on one navigation language — rails, a header, two panes, an assistant, three phones, and a focus frame.

11 total patternsOpen group

First preview · Inked rail shell

0315 available

Dashboards

Fifteen money questions, each on the shell its answer needs — household, personal, shop, studio, practice, and sole trader.

15 total patternsOpen group

First preview · Household overview

0415 available

Tables & ledgers

Transaction tables, searchable record lists, master–detail views, and selection states.

15 total patternsOpen group

First preview · Transactions table

0510 available

Records & detail pages

One thing at a time, on its own page — name, facts, figures, and the history behind them.

10 total patternsOpen group

First preview · Client record

0610 available

Forms & settings

Sectioned settings, validation-heavy entry, permission matrices, and destructive controls.

10 total patternsOpen group

First preview · Settings shell

0710 available

Data capture

Making a record rather than reading one — eight kinds of entry, each saying what it will do before it does it.

10 total patternsOpen group

First preview · Invoice builder

0810 available

Flows & wizards

Onboard, connect, import, file, close, pay — each step stating what it changed and what it still owes.

10 total patternsOpen group

First preview · First-run onboarding

0913 available

Overlays & feedback

Everything drawn over the page — what earns a modal, what stays inline, and the window to take it back.

13 total patternsOpen group

First preview · Dialog & sheet

1012 available

AI & agents

Assistant surfaces that stay auditable — cited answers, visible tool calls, and approval before action.

12 total patternsOpen group

First preview · Assistant workspace

118 available

Plans & billing

Plans checked against real usage, invoices that print their working, and changes costed to the penny.

8 total patternsOpen group

First preview · Plan comparison

1212 available

Documents & reports

What the book prints — statements, returns, and pages that survive the PDF and black-and-white print.

12 total patternsOpen group

First preview · Customer invoice

1311 available

System & edge states

Seven screens with nothing to show — three kinds of empty, a page loading region by region, a shop offline, and the errors in pairs.

11 total patternsOpen group

First preview · Empty collection

13 groups with live routes

One or two representative routes from each available group. Every preview carries its own phone, tablet, and desktop switch, plus a copy action for the source route.

Authentication · 2 patterns

One chassis, two poses — an ink banner beside the form, or a centred column under the mark.

View all patterns
01

An ink banner carrying one household's own words, and the password form on paper beside it.

02

The mirror: form on the left under the mark, and a daylight banner on the right staging one matched receipt.

Application shells · 2 patterns

Eleven chrome layouts on one navigation language — rails, a header, two panes, an assistant, three phones, and a focus frame.

View all patterns
01

A full-height ink rail of ledger rows over one page bar — shown on shared household money.

02

The rail drawn on the page canvas itself, with a workspace switcher for a studio running three sets of books.

Dashboards · 2 patterns

Fifteen money questions, each on the shell its answer needs — household, personal, shop, studio, practice, and sole trader.

View all patterns
01

Safe-to-spend as arithmetic you can check — balances, less the bills that must clear, less what the envelopes still owe.

02

Where one person's money went and, more to the point, what changed: the split, the twelve months behind it, and what renews on its own.

Tables & ledgers · 2 patterns

Transaction tables, searchable record lists, master–detail views, and selection states.

View all patterns
01

Search, faceted filters, column visibility, and pagination around a real ledger — with a running balance that can be checked.

02

Checking rows raises a selection bar with the count and the money; destructive actions confirm before they land.

Records & detail pages · 2 patterns

One thing at a time, on its own page — name, facts, figures, and the history behind them.

View all patterns
01

A practice client as one page — the books held for them, the deadlines against those books, and who to ask.

02

One movement with its receipt, its category, and every hand that has touched it since it cleared.

Forms & settings · 2 patterns

Sectioned settings, validation-heavy entry, permission matrices, and destructive controls.

View all patterns
01

The compact section navigator beside the active panel, on the inked rail — General opens with identity, localization, and the shared record exports.

02

Identity fields, avatar controls, sign-in rows, and a clearly separated danger zone with an honest close-account dialog.

Data capture · 2 patterns

Making a record rather than reading one — eight kinds of entry, each saying what it will do before it does it.

View all patterns
01

Lines, rates and VAT recomputing as they are typed, beside the document that will actually be sent.

02

A photographed receipt read into fields, every one still editable, with the original held alongside for checking.

Flows & wizards · 2 patterns

Onboard, connect, import, file, close, pay — each step stating what it changed and what it still owes.

View all patterns
01

A new book from nothing — who it is for, which accounts it holds, and what it should open on.

02

Choosing the institution, consenting to the feed, and mapping each account to the ledger it belongs to.

Overlays & feedback · 2 patterns

Everything drawn over the page — what earns a modal, what stays inline, and the window to take it back.

View all patterns
01

The same task as a centred dialog on desktop and a bottom sheet on the phone, with the threshold between them stated.

02

The count and the money at stake, typed confirmation where it is warranted, and an action that names exactly what it will do.

AI & agents · 2 patterns

Assistant surfaces that stay auditable — cited answers, visible tool calls, and approval before action.

View all patterns
01

A chat-focused shell with suggested prompts grounded in the household's own accounts, a streaming answer whose tool steps run in view, and the rows it read kept in the evidence pane beside the thread.

02

A spending answer where every number links back to the transactions behind it — citations interleaved into the prose, and the sources themselves in the evidence pane.

Plans & billing · 2 patterns

Plans checked against real usage, invoices that print their working, and changes costed to the penny.

View all patterns
01

Every ceiling checked against this account's own three months, so each plan carries a verdict rather than a ribbon.

02

The next charge taken apart, meters only where there is a ceiling to meter against, and a history that sums to the total above it.

Documents & reports · 2 patterns

What the book prints — statements, returns, and pages that survive the PDF and black-and-white print.

View all patterns
01

The issued document itself — letterhead, lines, VAT, and the terms it is payable on, with the double entry it raises drawn beside it.

02

A period stated as a report, every line reconciling to the ledger rows underneath it — this period and the one before, on one sheet.

System & edge states · 2 patterns

Seven screens with nothing to show — three kinds of empty, a page loading region by region, a shop offline, and the errors in pairs.

View all patterns
01

Nothing yet, nothing matched, nothing left — one collection, three truths, and three different things worth doing about it.

02

The overview arriving in four regions, each placeholder handing over to the real thing without moving it a pixel.