Courtbook · Davao City Design sample · direction 6eea7748

The Price Board

The direction

Every sari-sari store in the country hangs one. Ruled rows, the thing on the left, the price on the right in numerals you can read from the street, updates taped over the old lettering, and sold out written straight across the line. It is the Philippines' native interface for what is available and what it costs — which is the whole question this product answers.

This is not the client's website and owes it nothing. It is derived from the market the product actually serves: people booking a court in Davao, paying cash at a counter, on a phone, often for a group.

What it refuses: the two things any court-booking app ships. Bright energetic green-and-blue with rounded cards and stock photographs of people mid-swing; or, avoiding that, quiet editorial hairlines and a muted natural palette. Both are guessable from the category alone.

The board

Availability, priced, at a glance

The hero is not a photograph or a hook — it is the board. Free time is lettered in yellow because the empty slot is the subject: a free court is the product, and a booked one is just a line already crossed out. Prices are the loudest thing on the page by a wide margin, because that is the question that actually decides a booking.

Tonight · Saturday 23 August · peak rate after 5:00 pm
Court Free tonight Per 30 min
1Court 1Pickleball · indoor
5:00 5:30 6:00 6:30 7:00 7:30
₱450peak
2Court 2Pickleball · indoor
5:00 5:30 6:00 6:30 7:00 7:30
₱450peak
3Court 3Badminton
5:00 5:30 6:00 6:30 7:00 7:30
₱380peak
4Court 4Tennis · outdoor
5:00 5:30 6:00 6:30 7:00 7:30
₱600closed for repaint
5Court 5Basketball · half
5:00 5:30 6:00 6:30 7:00 7:30
₱520peak
6Court 6Volleyball · outdoor
5:00 5:30 6:00 6:30 7:00 7:30
₱520peak

Yellow is free, struck through is taken, dashed is somebody mid‑checkout. Court 4's price is struck the way a board strikes a line it cannot sell today — the number stays visible, because a customer who saw ₱600 last week needs to see what happened to it.

The reversal

The empty is the subject

This is the single most useful idea the concept round produced, and it came from a direction that lost. Your calendar today gives booked slots the visual weight — tinted, bordered, filled — and leaves free ones blank. That is backwards. Nobody opens a booking page to admire what is already taken.

Weight on the taken
5:00 5:30 6:00 6:30 7:00 7:30

The eye lands on 5:30, 6:00 and 7:30 — the three you cannot have.

Weight on the free
5:00 5:30 6:00 6:30 7:00 7:30

The eye lands on 5:00, 6:30 and 7:00 — the three you can book.

Palette

Nine hues would be too many. Six, plus stamps

The gold in the previous direction could only ever be a fill — white on it was 2.2:1 — and it could not carry status at all. Every colour here works as both a fill and a text colour, which is what lets the palette stay this small. The only rule: dark text never sits on the saturated fills, white does. Ink on cobalt is 2.39:1 and ink on red is 3.52:1, so neither pairing is used.

Aa
Tarpaulin
#FBF7EF
The only ground
Aa
Ink
#14110E
On ground: 17.61:1
Aa
Cobalt
#1B4FA0
Structure. 7.35:1 / 7.86:1
Aa
Signage red
#C8321E
Money only. 5.0:1 / 5.34:1
Aa
Yellow
#F2B705
Free time. Ink on it: 10.35:1
Aa
Green
#1F6B3F
Paid. 6.08:1 / 6.5:1

Sport is a stencil, not a hue

A deliberate change from what is in lib/design/sports.ts today. Five saturated sport colours plus brand, money, attention and paid is nine competing hues on one screen. On a board, categories are separated by ruled sections and lettering — so sport is carried by the roundel and the caption, and the hue demotes to a quiet mark that identifies a court at a glance without shouting over the price. These are marks and fills only, never text.

Pickleball#6E7B1F · white on it 4.65:112
Badminton#4A3A7A · white on it 9.64:13
Tennis#8A4B1E · white on it 6.76:14
Basketball#A85B12 · white on it 5.04:15
Volleyball#2A6273 · white on it 6.79:16

State

A stamp, not a colour

Six booking states do not need six hues. A board marks its lines: stamped, outlined, struck through. This is how the form already works, and it means colour is never the only encoding by construction rather than by compliance review — the mark, the border style and the word all carry it. It also survives the printed receipt, which has no colour at all.

Confirmed · paid Reserved · pay at venue Completed Cancelled Expired · unpaid No-show

Dashed means waiting on something, dotted-and-struck means it is over, solid means somebody decided. A clerk learns that in one shift and never needs the legend again.

The artifact

The reference is a stub

It gets read aloud at a counter, written on a note, and scanned off a cracked screen, so it is set in the board's own hand at the largest size on the page, tabular, with a torn edge that says keep this half without writing it.

Booking reference

CB-B2-9F4KQ

Court 2 · Pickleball · Sat 23 Aug · 6:00–7:30 pm

₱1,350total, 3 slots Reserved · pay at venue
Present at desk

Multi-venue

One grammar, a band per venue

The previous direction had a problem I flagged and could not solve: wearing one operator's identity everywhere is right for the first client and wrong for the second. A livery system solves it. The board, the type, the stamps and the roundels are constant; each venue takes a band colour and its own name in the masthead. A clerk who moves between two venues is never confused about which one they are looking at, and no venue's brand has to lose to another's.

Panorama Summit HotelDavao City · 6 courts123
Second venueIts own band, the same board12
Third venueNothing about the system changes1

Typography

Archivo Black and Barlow

The vernacular comes from scale, rule weight and colour blocking — not from a novelty face, which is also what keeps this out of caricature. Barlow carries every dense surface and has the tabular figures the day sheet needs; Archivo Black does the shouting.

Worth saying plainly: the product's current Space Grotesk and Inter pairing is the exact combination that appears in nearly every AI-generated interface, and it is part of why the app reads generic. Neither is used here.

ShoutArchivo Black
₱450
HeadlineArchivo Black caps
Six courts, open until ten
StencilBarlow Condensed 700
Booking reference · court 2 · peak rate
BodyBarlow 400 / 17px
Your court is held for ten minutes. Pay at the front desk, or send the amount to the venue's GCash code and the desk will confirm it here.
DataBarlow 600, tabular
CB-B2-9F4KQ   18:00–19:30   ₱1,350.00

Where the discipline came from

Four raises, each named

Six foreign worlds were dealt against this direction. Two hold up as live alternates; four lost, and each gave up one discipline this direction was missing before it was presented.

Honest risks

What this might get wrong

The client is a luxury hotel

This is the real one. Neighbourhood-store vernacular is exactly right for the product's market and possibly wrong for Panorama Summit's self-image. A hotel selling a luxury stay with stunning views may not want its booking desk speaking in tarpaulin. That is a business call, not a design one, and it should be made before any build.

It can read as ironic

Done carelessly, a vendor product wearing working-class vernacular is condescending. The defence is craft: the discipline of a well-made board, executed at full commitment, with no winking. No novelty face, no fake hand-lettering, no distressing.

It is loud

An admin console full of signage red would be exhausting. The discipline: board grammar governs pricing and availability; everything else inherits the ruled rows and the type without the saturation. Loud where it is useful, quiet everywhere else.

Sport colour is a real change

Demoting five sport hues to quiet marks contradicts a decision already in the codebase and in the court-map editor. It is defensible and it is not free — the floor map and the calendar both read sport by colour today.

Still open

Not decided

QuestionWhy it is open
Whether this survives the clientEverything above assumes the product's market wins over the first client's self-image. If Panorama has to recognise itself in this, the livery band may not be enough.
PhotographyCarried over unchanged: surfaces stay typographic and photographs live only in a gallery. This world needs images even less than the last one did — a board has never wanted a photograph.
Dark themeStill deferred, as agreed. One ground here, #FBF7EF. Note a board is a light object; a dark rendition of this world would be inventing something the form does not have.
The floor mapIf sport becomes a stencil, the court-map editor needs re-thinking — it currently identifies courts almost entirely by sport colour.