Skip to content
Ritesh FirodiyaGet in touch

Work / Tic Tac Toe / Wiki / Surfaces

lost

Surfacecanonicalverified 2026-09-22

SURFACE.MOBILE.GAME.LOST

Summary

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é