AT/CASE 03 / SHITYPELIVE PRODUCT

EXPERIMENTAL WEB / TYPING GAME

TYPE FAST.
DON'T GET
BURIED.

A typing playground where the interface behaves like the object it is celebrating.

Concept / interaction / frontend

MECHANICAL EDITION

shitype

A keyboard is not a decoration here. It is the product's main character.

CHOOSE YOUR WEAPON05 / 05
esc1234567890-=delete
tabqwertyuiop[]\
capsasdfghjkl;'return
shiftzxcvbnm,./shift
ctrlcmdaltspacealt
Toxic GX-05MONSTER GREEN / OVERDRIVE
INTERACTION MODEL

The input device becomes the visual language.

01KEYDOWN
02VISUAL RESPONSE
03WORD STATE
04SCORE / SURVIVAL
05CHALLENGE LOOP
01TACTILITY

The interface should react at keyboard speed.

Key state, typography and challenge feedback are designed around immediate response. The product feels closer to a game controller than a form field.

keyboard eventsinstant feedbackmechanical UIgame loop
02MODES

One mechanic, several reasons to return.

Typing test, falling words, daily runs, multiplayer and shareable challenges all reuse the core mechanic while changing pressure, goals and social context.

typing testfalling wordsdailymultiplayerchallenges
03PERSONALITY

Not every useful product needs to sound corporate.

The name, copy, industrial typography, keyboard themes and intentionally rough edges make the product memorable. It is proof that frontend engineering can carry character without sacrificing usability.

brand voiceindustrial typekeyboard themesplayful UX
THE EXPERIMENT

Build a typing site that feels like something you would actually want to type on.

END / BACK TO WORK

Selected systemsBack to the studio.