◂ Play the prototype

Design system

Every value here is read from tokens/tokens.json. Change a token, run npm run tokens, and this page and the game both update.

Color

Typography

Radius

Layout

Values shown are for the current window width. Resize to see the tablet and mobile overrides.

Motion

The new speaker, their name tag and their line all fade in together.

Components

Buttons

Name tags

Matty Jules

Promo card

Pinned to the top right of the game. Links to the kit on itch.io.

Character Expression Free View (opens itch.io in a new tab)

Dialogue box

Good news: you don't have to suffer anymore. Look what I just found.

Expression sheets

Each cell is labelled with the name the script uses for it, taken from the character's expressions map in assets/js/dialogue-data.js. Use this to check the names match the drawings.