Design preview — not a live site. Nothing here is built or bookable. No checkout works. Not affiliated with any resort brand. All previews
Phase 1 · Foundations

The Stay Card & token sheet

The card leads with the dates, not the photograph. Four bookable states plus the state nobody designs: what the second person sees when someone else wins the race.

WAYRALI
SPEC 01 · CARD + TOKENS
DESKTOP 560 · MOBILE 375

Resort details on these cards are placeholders. Anything with a dashed underline is invented specificity — unit configuration, sleeps count, check-in day, amenities, times — and must be replaced with verified data before it ships. Copy quoted from the brief is used verbatim.

Tokens

Exact values as used in this file.

dusk#1B2440
Hero grounds, footer, admin sidebar
dusk-lift#2C3757
Raised surfaces on dusk, hairlines, hover
paper#FBFAF7
Page background. Cool off-white
ink#171A21
Body text
brass#B08544
Wayrali Direct mark and large numerals only. 3.1:1 on paper — never body text
brass-wash#F5EDDF
Wayrali Direct tint, hold bar, selected states
slate#6B7280
Secondary text, metadata. 4.7:1 on paper
sage#4A7C6A
Verified and confirmed status only
clay#9C4A3C
Errors, held-expiring, unavailable
Type
Open now — direct with Wayrali
Archivo Expanded 600/700 · display only · tracking −0.02em
When a stay is marked Wayrali Direct, we hold the right to occupy that unit on those dates and we sell the nights ourselves. You pay us, and we carry the booking.
Instrument Sans 400/500/600 · UI, prose, buttons, forms
DEC 20 — DEC 23 · $433.00 / night
WY-4B7291 · 3 nights
IBM Plex Mono 400/500 · every date, span, number, ledger figure · tracking +0.04em
Scale
64Aa
4646
34Aa
26Aa
20Aa
16Aa
14Aa
12Aa
Form
4px · inputs, buttons
8px · cards
0 · die-cut edge
Hairline rgba(23,26,33,0.10) carries elevation. Shadow only on hold bar and modals. 150ms ease on hover and focus; the hold timer is the sole animation.
Spacing steps 4 / 8 / 12 / 16 / 24 / 32 / 40 / 56 / 96

Stay Card states

Desktop 560px and mobile 375px, side by side.

01 · Wayrali Direct, available
Wayrali Direct
Verified stay
DEC 20 — DEC 23
2026 · 3 nights · 2-night minimum
Hilton Grand Vacations Tuscany Village
Orlando, Florida
2 bedroom suite · sleeps 8 · full kitchen
resort image · 16:9
$433.00 a night · 3 nights
$1,499 total
All taxes and fees included
375px
Wayrali Direct
Verified
DEC 20 —
DEC 23
2026 · 3 nights
Hilton Grand Vacations Tuscany Village
Orlando, Florida
2 bedroom suite · sleeps 8
$433.00 a night · 3 nights
$1,499 total
All taxes and fees included
Brass count: one. The diamond. The button is dusk so the mark stays the only brass in the viewport.
Date span is the largest element and always mono. The nightly rate and the minimum-nights rule sit under it; the total sits in the footer.
The plate splits what you get from what it costs. Perforation is kept for the confirmation stub only.
02 · Partner provider
Booked with a partner provider
JAN 10 — JAN 13
2027 · 3 nights · Sunday check-in
Hilton Grand Vacations Parc Soleil
Orlando, Florida
1 bedroom suite · sleeps 4 · kitchenette
resort image · 16:9
$537.33 a night · 3 nights
$1,612 total
All taxes and fees included · not inventory we hold
375px
Booked with a partner provider
JAN 10 —
JAN 13
2027 · 3 nights
Hilton Grand Vacations Parc Soleil
Orlando, Florida
$1,612 total
All taxes and fees included
No brass, no diamond, no perforation, no tint. Paper ground instead of white, solid rule instead of a die cut, outline button.
Same date-led structure, so it reads as the same family — just plainly not inventory we hold.
03 · Held for you
{{ holdClock }} These dates are held for you. There's only one of it, so we take it off the site while you check out.
Wayrali Direct
Held · off the site
DEC 20 — DEC 23
2026 · 3 nights · Hilton Grand Vacations Tuscany Village
$433.00 a night · 3 nights
$1,499 total
All taxes and fees included
Under 2:00 — bar shifts to clay
01:58 Your hold ends soon. If it expires the dates go back on the site and nothing is charged.
375px
{{ holdClock }}
Held for you. There's only one of it, so we take it off the site while you check out.
Wayrali Direct
Held
DEC 20 —
DEC 23
3 nights · Tuscany Village
$433.00 a night · 3 nights
$1,499 total
All taxes and fees included
The only animation on the site. A ticking mono clock — no pulse, no bar draining, nothing that reads as pressure. Reduced motion just freezes the tick to minute granularity.
The bar explains the mechanism before it states the time.
The card image is dropped once you're in checkout; you already chose.
04 · Unavailable
Not available
FEB 14 — FEB 16
2027 · 3 nights · Hilton Grand Vacations Tuscany Village
These nights are not for sale — the unit is held back. They are listed so you can see the calendar honestly.
No price shown for dates that can't be booked.
375px
Not available
FEB 14 —
FEB 16
3 nights · Tuscany Village
These nights are not for sale — the unit is held back.
Date span goes slate. The one place the span isn't ink — it signals dead inventory before you read a word.
Clay is used as a label colour only, never as a fill. Nothing is struck through and no price is shown.
05 · Just taken
You opened the week, someone else finished checkout first.
Booked 4 minutes ago
DEC 20 — DEC 23
2026 · 3 nights · Hilton Grand Vacations Tuscany Village
Someone completed checkout for these dates while you were looking at them. Your card was not charged. There was only one of it, and it's gone — we won't offer you a substitute as if it were the same thing.
We list dates as they open, usually a few times a year. One email per opening, nothing else.
See other stays in Orlando (2)
375px
Booked 4 minutes ago
DEC 20 —
DEC 23
3 nights · Tuscany Village
Someone completed checkout while you were looking at them. Your card was not charged.
See other stays in Orlando (2)
Brass is removed entirely. The diamond and tint are claims about something you can still have.
"Your card was not charged" comes before anything else you could do next.
The recovery path is the email capture, not a substitute listing dressed up as equivalent.

On the perforation

You asked me to say if it reads as a boarding-pass trope. Honestly: at the size and radius specified it sits right on the line. The dotted rule plus two edge notches is the exact signature of an airline stub and a cinema ticket, and both of those are documents about a seat, which is the fungible thing this design is arguing it is not. It survives here for one reason — the notch is doing structural work, splitting what you get from what it costs — but it borrows a stranger's vocabulary to do it.

The alternative below keeps the split and drops the borrowed reference: the footer becomes a recessed plate. Paper-toned inset, hairline above it running full bleed to both edges, price engraved into the recess. Same structural break, deed vocabulary instead of ticket vocabulary — closer to an engraved room plate than a stub. My recommendation is B, with the perforation kept for the confirmation screen only, where a stub is genuinely the right metaphor because that page is a receipt.

A · Perforation, as specified
Wayrali Direct
DEC 20 — DEC 23
3 nights · Tuscany Village
$433.00 a night · 3 nights
$1,499 total
All taxes and fees included
B · Engraved plate — recommended
Wayrali Direct
DEC 20 — DEC 23
3 nights · Tuscany Village
$433.00 a night · 3 nights
$1,499 total
All taxes and fees included