Tripbooks design system / lab 09 / the customer side

Lab 09 / archetype four, six routes, and a constraint that changes everything

The one surface that is not ours.

Six routes: the quotation, the itinerary, the vouchers, the delegate pack, the flyer and the published table. Unauthenticated, opened from a token link, usually on a phone, by somebody who has never used Tripbooks and never will.

And here is the thing that decides the whole design: these pages carry the agency's brand, not ours. A traveller sees Northline Travel, or Northline, or whoever sold them the trip. Tripbooks appears nowhere. So this is not a design, it is a skin: a document that has to be well set with any tenant's colour dropped into it, and still look like the most expensive thing that agency has ever sent.

Everything decided for the operator side, thirty-one pixel rows, ten columns, badges, hatched fills, is wrong here. What carries over is the three faces and the discipline. What does not is every unit of density.

01 / the quotation, as the customer receives it

One promise, and exactly how long it holds.

Prepared for Marchetti Group
Quotation QUT-5RD9K3WP · version 1.2

Kyoto incentive, autumn board offsite

Travelling
14 - 21 Sep 2026
Nights
7
Party
24 adults
Your advisor
Sarah Mitchell

How long this holds

FIXED The Park Hyatt Kyoto rooms can be cancelled free of charge until this date. After it, the hotel's own cancellation terms apply and we cannot change them. 28 Aug 2026
FIXED Coach and transfer bookings must be paid by this date to be held. 01 Sep 2026
MAY CHANGE The flight fares are held by the airline, not by us. Airlines may revise a fare at any time, and nothing is guaranteed until tickets are issued. We will tell you the moment anything moves. approx. 22 Aug
Day 1

Arrival in Kyoto

Mon 14 Sep
09:45Flight
Tokyo Haneda to Osaka Itami
Economy, 24 seats, one checked bag each
12:30Transfer
Osaka Itami to your hotel
Four private vehicles, meet and greet on arrival, 90 minutes
15:00Stay
Park Hyatt Kyoto
12 Deluxe King rooms, 7 nights, breakfast included, Higashiyama
Your reference with us BKG-7QP2K4M9
19:30Dining
Welcome reception
Private terrace, canapes and sake pairing, 24 covers
Day 2 to 4

The offsite

Tue 15 - Thu 17 Sep
09:00Venue
Conference room, three full days
Theatre for 30, AV and technician included, two breakout rooms, catered breaks
EveningExperience
Gion evening walk, private guide
Wed 16 Sep, two hours, English speaking guide
Day 5 to 8

Arashiyama and departure

Fri 18 - Mon 21 Sep
14:00Stay
Suiran, a Luxury Collection Hotel
6 rooms, 4 nights, riverside, breakfast included
19:00Dining
Gala dinner at Kikunoi
Fri 18 Sep, private room, kaiseki, 24 covers
11:20Flight
Osaka Itami to Tokyo Haneda
Mon 21 Sep, economy, 24 seats

What it costs

Flights, 24 travellers, both ways74,500.00
Accommodation, 11 nights across two hotels83,400.00
Venue and conference facilities12,400.00
Dining and experiences13,300.00
Transfers and coach hire12,700.00
TotalUSD 196,300.00
Deposit on acceptanceUSD 60,000.00
Balance by 01 Sep 2026USD 136,300.00

Ready when you are

Accepting confirms this itinerary at these prices, on the terms above. You will be asked to sign electronically, and we will send confirmations as each part is secured.

Accept and sign Download as PDF
Something you would like changed? Write to Sarah here and she will see it against this version.
Northline Travel LLC · 1400 Market Street, Suite 300, San Francisco CA 94103 sarah.mitchell@northlinetravel.com +1 415 555 0142
Three rules doing quiet work in there

No supplier is named anywhere: the hotels are named because the customer is staying in them, but the wholesaler that priced the room is not, and neither is any internal identifier. The only reference shown is your reference with us, and when the hotel's own confirmation number arrives it will be added beside it, because that is the number a traveller actually needs at a front desk. And the validity block does not say "valid for 7 days". It says which parts are contractually fixed and which parts the airline can move, because a quotation that over-promises on a fare is the single most expensive thing an agency can send.

02 / the skin test

The same document, a different agency.

One token changes. If the design only works in one colour, it is not a platform surface, it is a brochure for one customer.

Prepared for Sterling Capital Group
Quotation QUT-9PL4T2NX · version 2.0

Maasai Mara, private conservancy

Travelling
04 - 12 Oct 2026
Nights
8
Party
12 adults
Your advisor
Huda Aziz

How long this holds

FIXEDCamp rooms cancel free until this date, then the camp's terms apply.06 Sep 2026
MAY CHANGEFares are held by the airline and are not guaranteed until ticketed.approx. 25 Aug
TotalUSD 284,900.00
Accept and signDownload as PDF
What a tenant may change

Exactly two things: a logo mark and one brand colour. Everything else, the type, the scale, the rhythm, the way validity is stated, is the platform's and it does not move. That is not a limitation, it is the product: an agency of four people gets a document that looks like it came from an agency of four hundred, and the platform can guarantee that the honest bits stay honest.

What a tenant may not change

The validity block, the reference line, and the absence of supplier names. Those three are compliance surfaces rather than design surfaces. An agency that could delete the "may change" tag on a fare would delete it, and the first time an airline repriced, the platform would be the reason a customer was misled.

03 / where it is actually opened

375 pixels, on a train, one hand.

The token link arrives by email or WhatsApp, so the phone is the primary case and the desktop is the courtesy. The item row loses its time column and stacks, the validity lines wrap under their tags, and nothing else changes.

QUT-5RD9K3WP · v1.2

Kyoto incentive, autumn board offsite

Travelling
14 - 21 Sep 2026
Party
24 adults

How long this holds

FIXED28 Aug 2026Hotel rooms cancel free until this date.
MAY CHANGEapprox. 22 AugFares are held by the airline, not by us, and are not guaranteed until ticketed.
Day 1

Arrival

09:45 · Flight
Tokyo Haneda to Osaka Itami
Economy, 24 seats
15:00 · Stay
Park Hyatt Kyoto
12 Deluxe King, 7 nights, breakfast
Your reference BKG-7QP2K4M9
19:30 · Dining
Welcome reception
Private terrace, 24 covers
TotalUSD 196,300.00
Deposit60,000.00
Balance 01 Sep136,300.00
Accept and sign

04 / the contract for every customer facing page

What may never appear, and what must always.

NeverWhy
Supplier namesThe wholesaler, consolidator or chauffeur network that priced an item is the agency's commercial position. A hotel is named because the customer sleeps in it. The company that sold it to the agency is not.
Internal identifiersNo property ids, no rate ids, no room mapping codes, no item references. One reference is shown, and it is the agency's own.
Net cost or marginPrices are shown as the customer pays them, grouped by what they are buying, never as a build-up from cost.
TripbooksNot in the header, the footer, the URL text or the PDF. The agency sold the trip.
AlwaysWhy
The versionA quotation is a chain of versions and the customer is looking at exactly one of them. If it changes, they get a new one and can see which.
Fixed against may changeContractual deadlines and revisable ones look different and say so in plain words. This is the single most important sentence on the page.
A named humanThe advisor, with a way to reach them. A six figure trip should not arrive from a no-reply address.
The agency's legal identityFull name and address in the footer, because this document is an offer and in most jurisdictions that carries obligations.
One reference, called what it is"Your reference with us". When the hotel's own confirmation number arrives it appears beside it, because that is the number a front desk asks for.
The one place I kept the operator language

Money is still mono, and the totals still align on the decimal. On a dense register that was a legibility decision. Here it is a trust decision: a price set in the same face as the surrounding sentence reads like a claim, and a price set in a ledger face reads like an account. For a document that is asking somebody to commit two hundred thousand dollars, that difference is worth more than the aesthetic consistency it costs.

What I need from you

Three on the customer side.

  1. Two tokens, no more. A tenant gets a logo and one brand colour. Everything else is fixed. That is a strong position and some agencies will want their own typeface. I would hold the line, and the reason is the validity block: the moment a tenant can restyle, a tenant can bury it.
  2. Zero radius, on the customer side too. I kept it. It reads precise rather than severe at this scale and with this much air, but it is the decision most likely to feel cold to an agency selling honeymoons rather than board offsites.
  3. Fixed against may change. The plain-words treatment of hard and soft clocks. This is the most important thing on the page and the thing an agency is most likely to ask us to soften. Confirm it is non negotiable and I will build it as a platform guarantee rather than a template choice.