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.


--court

Brand green, primary buttons

--court-deep

Home hero and footer ground

--ace

One CTA per view, live badges

--clay

Editorial touches, empty states

--chalk

Page background

--surface

Cards and tables

--ink

Text

--ink-soft

Secondary text

--line

Borders and dividers

--ok

Approved — status only

--warn

Pending — status only

--bad

Declined — 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

Pending reviewApprovedSeeded#1Declined

Match

ScheduledOn courtFinalWalkover

The atom of the bracket

Match card

Same card in bracket, schedule, and match detail.


Quarter-final

Final
2Noa Bar-Lev8
7Danny Shafir5

Quarter-final · Court 1

On court
1Ilan Peretz6
–Maya Gross4

Semi-final

2Noa Bar-Lev
–Winner of QF2

Quarter-final

3Lior Katz
–Yael Dahan

Round of 16

Walkover
4Tamar Levi
–Avi Ronen

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

–Winner of consolation R1 #3
–Loser of R16 #6From the main draw

R2 #7

Final
–Efrat Paz8
1Tomer AviramDropped in from R16 #15

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

Seeded#7still in

Points so far

Lost R16 + 1 consolation win

45

  1. Round of 32

    v Avi Ronen

    Won 8–3
  2. Round of 16

    v Noa Bar-Lev [2]

    Lost 5–8
  3. Consolation · Round 2

    v Maya Gross

    Dropped in from R16 #3

    Won 8–6
  4. Consolation · Round 3

    v Winner of R2 #4

    Waiting

Find in bracket closes the sheet and lands on their match.

Tables

Schedule table


Scrolls horizontally inside its own container — the page never does.
TimeCourtRoundMatchStatus
17:15Court 2R16Tamar Levi v Avi RonenWalkover
18:00Court 3QFNoa Bar-Lev v Danny Shafir8–5Final
19:30Court 1QFIlan Peretz v Maya GrossOn court
20:45Court 1SFNoa Bar-Lev v Winner of QF2Scheduled

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


6px controls
8px cards
999px pills

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