reallymysingingmonsters-test is a small, playful monster music game — a simple indie game, not a website. It takes the spirit of a monster-collecting music game — creatures that sing and play together — and hands the creative work to the player: you draw your own monsters as pixel art, arrange them on a plain white field, move them around, and give each one a beat and a voice.
The product intent, derived from the requester's own words, is a single white workspace with only small UI for adding new monsters. Selecting one monster opens the option to fully zoom in on that monster's pixel art drawing and on its music making. Music making means building your own beats, recording your voice into the game, setting pitch and volume on that recording, and turning it into a note.
The audience is young monster makers and beat makers: players who want to doodle creatures, hear them come alive, and experiment with their own voice without a studio's worth of controls. The interface stays white, the controls stay small, and the creative surface stays large. The whole experience reads as a hand-made indie game: a tiny, self-contained toy you open and immediately play, with no marketing scaffolding, no dashboard chrome, and no website-style navigation around it.
The game is delivered as a first-party web application. A React front end renders the white studio and the two zoomed creative panels; a shared FastAPI backend owns the application APIs and domain logic; MariaDB stores the application-owned data — each player's monsters, their pixel art, their positions on the field, their beats, and their recorded voice notes with pitch and volume settings.
Because a player's monsters, art, and beats are durable personal work that must be resumed on return, the application owns identity. A visitor can read the Landing page anonymously. Creating an account happens on Sign Up, and a returning player verifies identity on Login. Monster Studio, Pixel Art, and Music Maker are protected: they are reachable only after identity is established, and the anonymous entry interactions live on their own pages rather than inside the protected pages themselves. Sign Up and Login are presented as small in-game screens in the same pixel style as the rest of the game, not as a website account area.
Voice capture uses the browser's microphone access on the player's own device; the recorded audio is uploaded to the backend and stored with the note it becomes. Nothing in the current scope is delegated to a third-party music service, and there is no provider-owned surface.
Everything described in this document is current. No future-horizon features are specified.
Removed from scope
FR-1 — Monster music game. As a Monster Creator, I should play a monster music game in which my monsters make music, so that the experience feels like a creature music game built around my own creations. (explicit)
FR-2 — Make your own beats. As a Beat Maker, I should build my own beat for a monster, so that each monster has a rhythm I composed. (explicit)
FR-3 — Draw pixel art of your monsters. As a Monster Creator, I should draw my monster's pixel art, so that each monster looks the way I designed it. (explicit)
FR-4 — Move monsters around. As a Monster Creator, I should move my monsters around the field, so that I can arrange them as I like. (explicit)
FR-5 — Record your voice and input it. As a Beat Maker, I should record my voice and input it into the game, so that my own sound becomes part of a monster's music. (explicit)
FR-6 — Set pitch and volume on the recorded voice. As a Beat Maker, I should set pitch and volume on my recording, so that the sound fits the monster. (explicit)
FR-7 — Turn the recorded voice into a note. As a Beat Maker, I should turn my recording into a note, so that the monster can play it as part of its music. (explicit)
FR-8 — White interface with small add-monster UI. As a Monster Creator, I should see an entirely white interface with only small UI for adding new monsters, so that the creative surface stays clean and the controls stay out of the way. (explicit)
FR-9 — Add a new monster. As a Monster Creator, I should add a new monster with the small plus tile, so that I can grow my collection. (explicit, via the small add-monster UI)
FR-10 — Select one monster to reveal zoom options. As a Monster Creator, I should select one monster and then have the option to fully zoom in on its pixel art drawing or its music making, so that detailed work happens only on the monster I chose. (explicit)
FR-11 — Self-service enrollment. As a new player, I should create my own account before protected work, so that my monsters, art, and beats are kept. (required_inference)
FR-12 — Returning identity verification. As a returning player, I should verify my identity on return, so that I reach my saved monsters, art, and beats. (required_inference)
FR-13 — Monster selection precedes zoomed views. As a Monster Creator, I should select one monster before the zoomed Pixel Art or Music Maker view opens, so that each zoomed view always belongs to a specific monster. (required_inference)
The Monster Creator is the player who builds the collection. Their context is the white Monster Studio: a plain field, a small top bar, and a loose grid of their own monster tiles, all inside a simple indie game rather than a website. Their primary goal is to grow and arrange a set of monsters that look the way they imagined.
Their distinct responsibilities are adding new monsters with the small plus tile, dragging monsters to new positions on the field, and drawing each monster's pixel art in the zoomed Pixel Art canvas. Their key decisions are where a monster sits on the field, which monster to select, and what its sprite looks like pixel by pixel. They interact with the Beat Maker through the shared monster: the sprite the Monster Creator draws is the creature whose beat the Beat Maker composes, and both work from the same selection in Monster Studio.
Their observable success is a field of monsters, each in the position they chose, each showing the sprite they drew, and each selectable so its zoom options appear.
The Beat Maker is the player who gives the monsters their sound. Their context is the zoomed Music Maker panel for one selected monster, holding a step grid and the voice tools, presented as a full-screen in-game music mode. Their primary goal is to make a beat and turn their own recorded voice into a note that belongs to that monster.
Their distinct responsibilities are toggling sequencer cells to compose a beat, running playback with a playhead that steps cell by cell, recording their voice through the microphone, setting pitch and volume on the recording, and converting the recording into a note. Their key decisions are which steps carry the beat, which take to keep, and how much pitch and volume the voice needs. They depend on the Monster Creator having added and selected a monster, and they work on that same monster's music.
Their observable success is a saved beat that plays back and a note bound to the monster that persists when they return.
The muse is Susan Kare, and the headline is "Charming clarity, one pixel at a time." The theme is a white ground with crisp pixel craft: small icons, hard corners, and one warm accent. The overall feel is a simple, hand-made indie game — a small self-contained toy with a title screen, a play field, and two full-screen creative modes — never a website with marketing sections, dashboards, or app chrome.
Colour tokens (light mode)
| Role | Hex | Use |
|---|---|---|
| Background | #FFFFFF | The white ground, roughly 80 percent of every screen |
| Surface | #F4F4EC | Cream tool tiles and control backgrounds |
| Text | #1A1A1A | Body copy |
| Primary | #2B2B2B | Ink for pixel icons, labels, and 2px outlines |
| Accent | #E4572E | Selected-monster corner tick and the record state only |
| Muted | #8A8A8A | Secondary labels and disabled controls |
Typography
clamp(40px, 9vw, 96px).Shape language
Layout
Imagery
Avoided
Readability constraint
The first screen is a white field with a wide VT323 headline at the top left, and beneath it a row of small pixel monster tiles. It reads as the title screen of a simple indie game: one headline, one line of copy, one tile row, and the entry controls, with nothing else competing for attention. The composition is deliberately sparse: the headline anchors the upper left, the tile row sits under it as a loose horizontal band, and the only colour on the page is one orange record dot and one small plus tile.
The signature moves carry through the whole product:
#E4572E corner tick — never a shadow.The concept recomposes only accepted content: the headline, the monster tiles, the plus tile, the record dot, and the entry and login controls. It introduces no new behaviour or destination. The same small-game framing carries into Monster Studio, Pixel Art, and Music Maker: each is a full-screen in-game mode with only small tool tiles, never a website page with surrounding chrome.
Interaction Model: Animated Motion Tempo: restrained Hero Dimensionality: flat
Landing Hero Motion Brief
prefers-reduced-motion, blinking and snapping stop and the playhead position is shown without animation, while all content stays usable. (required_inference, from the motion direction)#E4572E mark on the selected monster tile.
reallymysingingmonsters-test
Draw monsters, give them beats and your voice.
Enter the game opens Sign Up for new players and Monster Studio when you're already signed in.

reallymysingingmonsters-test
Draw monsters, give them beats and your voice.
Enter the game opens Sign Up for new players and Monster Studio when you're already signed in.
No comments yet. Be the first!