All three routes at 375 px — a phone, which is what this game is played on. The frames are 560 px tall: roughly what Telegram's in-app browser leaves after its own chrome, and the budget every round screen has to fit inside without scrolling.
⌗ marks a vendored control drawn plainly. The four Jelly components paint to a canvas inside a shadow root; loading the real bundle would make every frame here depend on a remote script. Their real geometry and its traps are on the design system page.
Every string below is already public on the live site. The three candidate lines are placeholder text written for this kit — no dialogue from the show appears in this design system, and none may be added, because this is a shared URL.
Pitch, at rest
What a cold visitor sees. The passcode control is one dot, last in reading and tab order.
Three lines. Two are fakes. Pick the one they really said.
A daily game built from Friends.
The 60-second round opens 10 September.
Mark shown as concept A. Today this frame carries the hand-drawn stopwatch.
Pitch, passcode row open
Swaps in in place — not a modal. A modal needs a focus trap and a dismiss for a control one person uses.
Three lines. Two are fakes. Pick the one they really said.
A daily game built from Friends.
The 60-second round opens 10 September.
Tester code
Input 56px. The ⌗ button is forced to 44px — its own size preset ships at 42.
Why the dot is not the mark. An aria-label announces wherever the
element sits, and the mark is the first thing on the page — making it the control would tell a screen
reader user "Enter tester code, button" before the heading, advertising the hidden thing first to the
audience least likely to want it. Hiding it is not security; the passcode and the route gate are
the entire protection.
Landing
Three rules, one joke, one button.
Three Friends lines. Two are fakes. Pick the one they really said.
Sixty seconds. The clock stops while you read the answer.
Guess wrong and you lose 5 seconds off the clock.
Ross has the clipboard. The girls are already losing.
Warm-up
The clock is present and frozen, so the real one is not the first time that part of the screen has anything in it.
60.0
Warm-up · the clock isn't running yet
"Two of these are wrong."
Which one did they say?
Countdown
Between the warm-up and question one, once. The whole game is one lightning round, not one per question.
Lightning round
Ready…
3
Round — unanswered
Clock, cue and all three options visible without scrolling. This is what the 96 + 440 budget buys.
41.8
The one with the placeholder
Everyone is in the kitchen and nobody is telling the truth.
Which one did they say?
Round — answered wrongly, sheet open
The only state with a sheet. A correct pick advances with nothing shown at all.
36.8
The one with the placeholder
Everyone is in the kitchen and nobody is telling the truth.
Which one did they say?
The fake changed one word. That is the whole trick.
Keep goingThe sheet never restates the answer — the outlined row is the only place it appears.
Results
The most-shared screen in the product. Centred — it is four short lines.
0.0
7 lines in 60 seconds
⛔ The Share label ships as a dot-separated wordmark. Shown here as plain text — see the trademark boundary section on the system page.
No clip today
The date is the constant; the clip is the variable. With no clip there is no section at all — not an empty one.
Opens 10 September
With a clip
One player region at the top, the rest a queue below. At rest the player shows no photograph.
Opens 10 September
Watch the real thing
Queue is play order, not round order — a count above rows that will never play is a lie.
Measured in these frames, not asserted. The content column is 335px; the timer block (number plus bar) is 84.8px against its 96px budget; an option row is 56px on one line and 79px on two; and the round frame's content ends 467px into 560px, so it fits without scrolling with 93px to spare — with two of its three options already wrapped.
What is missing from this kit, deliberately. The load-failure and interrupted-round messages, which appear in a live region above every screen and are the only states here that no design decision has ever been made about. They are the next thing to look at.