Tripbooks design system / lab 01 / module skeleton

Lab 01 / the shape of a module page

Every module tells the same story.

Sales, Money, Fulfillment and Service are four subjects with one narrative: what came in, what got committed, what settled, what is still open, and what needs you today. If that spine holds, a module page is a data mapping rather than a new design, and the platform stays learnable as it grows.

Below is the Sales month rendered three ways. Same numbers, same primitives, three different beliefs about what a module page is for. There is no colour in these screens on purpose. Colour is a later topic, and it would flatter one variant over another. Here you are judging structure only: solid means settled, hatched means open, black means act.

Came inEnquiries
CommittedQuotations
SettledBookings
Still openLive pipeline
Needs youExpiring today
V1

The Line

A module is a pipeline you read left to right. The five stages sit on one continuous spine at the top of every screen, and everything below is a drill into a stage. Attrition is visible at each step, because the solid part is what moved forward and the hatch is what stalled.

Tripbooks SalesMoneyFulfillmentService August 2026All consultants

Sales

Northline Travel / month to date
Came in
84
61 quoted, 23 stalled
Enquiries
Committed
61
29 won, 32 live
Quotations
Settled
29
$612,400 confirmed
Bookings
Still open
32
$671,100 in play
Live pipeline
Needs you
7
$214,900 expires in 48h
Act today

Stalled at enquiry

23 items / no quotation sent
Redwood Partners
Vietnam, 16 pax, honeymoon extension
Sana Iqbal
Not quoted
6d idle
Kestrel Logistics
Lisbon, 40 pax, sales kickoff
Tom Achebe
Not quoted
4d idle
Ana Villareal
Iceland, 2 pax, aurora week
Unassigned
Not quoted
2d idle

Awaiting client decision

32 quotations / $671,100
Marchetti Group
Kyoto incentive, 24 pax
Sent 11 Aug
$196,300
31h left
Northline Travel
Kenya safari, 12 pax
Sent 13 Aug
$84,200
9h left
Halloran & Co
Iceland roadshow, 8 pax
Sent 14 Aug
$41,700
44h left
V2

The Headline

A module is a spread. The subject is stated once, enormous, and the story is carried by typographic hierarchy plus two scale gauges that place you between two extremes. Below, a grid of blocks that each answer one question. Closest in spirit to the reference you sent.

Tripbooks SalesMoneyFulfillmentService This monthCompare

Sales

Quoted, last 30 days$1,284,500
$612,400
Won
$671,100
Undecided
Expiring inside 48h$214,900
7
Quotations
3
Chased already

Where the money is going

By destination
Kenya$188,400
Japan$154,900
Portugal$96,200
Iceland$71,300
Vietnam$51,600

Who is closing

Consultants
Sana Iqbal11 won / $241,800
Tom Achebe8 won / $174,200
Priya Raman6 won / $128,900
Luis Ferrer4 won / $67,500

Where they came from

Source
Referral31 enquiries
Repeat client24 enquiries
Website19 enquiries
Partner agency10 enquiries
84Enquiries in
61Quotations sent
29Bookings won
34%Enquiry to booking
V3

The Standing Order

A module is a worklist. It opens with what needs a person today, ranked by what it costs to ignore, and the totals appear underneath as evidence rather than as the headline. Nobody reads a dashboard to admire it, they read it to find out what to do next.

Tripbooks SalesMoneyFulfillmentService Sana IqbalWhole team

Sales needs you on 10 things

$214,900 at risk inside 48 hours 10
01
Northline TravelKenya safari, 12 pax, quoted 13 Aug
Client opened the quote twice, never replied
9h left
$84,200
02
Marchetti GroupKyoto incentive, 24 pax, quoted 11 Aug
Awaiting signature, hotel holds release tomorrow
31h left
$196,300
03
Kestrel LogisticsLisbon kickoff, 40 pax, enquired 16 Aug
No quotation sent, 4 days idle
4d idle
Unpriced
04
Halloran & CoIceland roadshow, 8 pax, quoted 14 Aug
Asked for a cheaper option, not yet answered
44h left
$41,700
05
Ana VillarealIceland aurora week, 2 pax, enquired 18 Aug
Unassigned, no consultant has picked it up
2d idle
Unpriced
84Came in
61Committed
29Settled
32Still open
$612,400Won this month

What I need from you

Three questions, then we lock the skeleton.

  1. Which belief is right? The Line says a module is a pipeline. The Headline says it is a spread. The Standing Order says it is a worklist. This choice decides the first screen of every module in the platform, so it is the most expensive decision in the whole system.
  2. Does the spine hold? Came in, committed, settled, still open, needs you. If that maps cleanly onto Money, Fulfillment and Service too, one skeleton serves all four. If it breaks on any of them, I would rather find out now than after we have built components on top of it.
  3. Solid against hatched. All three variants use one contrast to mean settled against open. It is the single most reusable idea from your reference. Confirm it becomes a platform rule, or say it is decoration and I will drop it.