Quarter-final
Living reference
Style guide
Every shared component on one page. If a screen needs something that isn't here, it gets added here first.
Tokens
Color
One palette, light always — the site ignores OS dark mode, so a token looks the same for everyone.
--courtBrand green, primary buttons
--court-deepHome hero and footer ground
--aceOne CTA per view, live badges
--clayEditorial touches, empty states
--chalkPage background
--surfaceCards and tables
--inkText
--ink-softSecondary text
--lineBorders and dividers
--okApproved — status only
--warnPending — status only
--badDeclined — status only
Archivo + Spline Sans Mono
Typography
Display · 900 · wdth 122
Match point
Section heading · 800 · wdth 118
Quarter-finals
Body · 400 · 16px · max 65ch
A free, friendly tournament for anyone who plays in Tel Aviv. Sign up, tell us how you play, and we'll put you in the right part of the draw.
Eyebrow · 600 · 12px · .14em
Registration opens 1 October
Mono · scores, seeds, times · tabular
18:30 · 8–6 · #1 · 7–7 TB
Controls
Buttons
One accent button per view. When a hero carries the CTA, the nav's Sign up steps down to court green.
Status
Pills
Registration
Match
The atom of the bracket
Match card
Same card in bracket, schedule, and match detail.
Quarter-final · Court 1
Semi-final
Quarter-final
Round of 16
Walkover — Avi withdrew with an ankle strain.
The second bracket
Consolation header & feed marker
The main draw keeps court green. The consolation draw is where the clay accent is spent — its header, its column names, and the marker on every line entered from the main draw.
Consolation header
Consolation draw · for losers of rounds 1 and 2
Still in it
Dropped in — a line entered straight from the main draw, not reached through round 1.
Feed marker · dashed entry stub + clay tag, before and after the drop-in
R2 #3
R2 #7
Navigating the draw
Explorer bar, round pills & player sheet
The bar pins under the header on /draw: which draw, which round, and Find me. One draw on screen at a time; on a phone, one round at a time.
Explorer bar · 48px, chalk ground, hairline · syncs to the URL
?draw=main&round=qf
Round pills · Spline Sans Mono · the ace dot marks this week
Player sheet · bottom sheet on a phone, side panel on a desk
Player
Danny Shafir
Points so far
Lost R16 + 1 consolation win
45
- Won 8–3
Round of 32
v Avi Ronen
- Lost 5–8
Round of 16
v Noa Bar-Lev [2]
- Won 8–6
Consolation · Round 2
v Maya Gross
Dropped in from R16 #3
- Waiting
Consolation · Round 3
v Winner of R2 #4
Find in bracket closes the sheet and lands on their match.
Tables
Schedule table
| Time | Court | Round | Match | Status |
|---|---|---|---|---|
| 17:15 | Court 2 | R16 | Tamar Levi v Avi Ronen | Walkover |
| 18:00 | Court 3 | QF | Noa Bar-Lev v Danny Shafir8–5 | Final |
| 19:30 | Court 1 | QF | Ilan Peretz v Maya Gross | On court |
| 20:45 | Court 1 | SF | Noa Bar-Lev v Winner of QF2 | Scheduled |
Inputs
Form fields
As you'd like it in the draw.
Rough average over the last few months.
We need an email so we can send you the draw.
Organizer eyes only.
Disabled until the player is approved.
Layout
Rules, radius, shadow
Court-line rule on chalk
Court-line rule on green
Hero
Page header
Court-line motif and an optional meta row, on either ground.
Light — every page but the home page
Short and unsurprising
Rules
Enough structure to keep the day running, and nothing more.
- Format
- Single elimination
- Scoring
- One set to 8
- Last updated
- 12 Oct, 18:30
Deep — the home page, and nowhere else
Registration opening soon
TLV Community Open
The one dark band on the site.
- Dates
- 24–26 Oct 2026
- Where
- Gan Ha'atzmaut
- Entry
- Free