Work / Tic Tac Toe / Wiki / Surfaces
lost
Surfacecanonicalverified 2026-09-22
SURFACE.MOBILE.GAME.LOSTSummary
The game-over sheet after the computer wins — the third outcome, and the one the set never drew.
Raw wireframe
- .context/designs/mobile/game/lost.html
Why it is drawn this way
It exists. app/game.tsx builds three result messages — "You Won", "You
Lost" and "It's a draw" — and only two were ever wireframed. A screen a player
reaches by losing to Medium is not an edge case.
The icon is a frown, not a trophy. This is the one place this set
deliberately departs from the code: GameOverModal draws a Trophy for all
three outcomes and separates them by colour alone — amber for a win, slate for
a loss, grey for a draw. Roughly one man in twelve cannot tell those two apart,
and nobody should have to read a colour to find out whether they won. Three
outcomes, three shapes.
Losing is not framed as failure. Easy and Medium are beatable and the copy stays flat; there is no consolation line, because a player who lost to Easy does not need one and a player who lost to Hard already knows why.
Related
Sources
- .context/designs/mobile/game/lost.html
- src/app/game.tsx, src/components/modals/GameOverModal.tsx
Every project of mine is written down like this.
Read the résumé