Dungeon Text.
An award-winning, AI-powered text RPG that brings classic text adventures together with retro pixel art.
View the Figma file
The
game
A classic text RPG, powered by AI.
Dungeon Text is a browser-based RPG that combines classic text-driven adventures with AI-powered storytelling and retro-inspired pixel art. An AI Game Master narrates the story, reacts to the player’s choices and keeps track of attributes, inventory and progress.
Created for a Bubble development challenge hosted on Contra, it won the Best Design Award. I was the only UX/UI designer on the project.
One week,
three days of design
From an AI prototype to a complete game experience, fast.
The challenge lasted one week. AI helped mostly at the start: a first prototype built with Bubble’s AI. From there, the iteration moved to Figma, where the entire visual identity and user experience were designed in three days.
All the illustrations were drawn by hand in pixel art, with no AI image generation.
A first version built with Bubble’s AI to test the concept and the main flow.
World lore, ten character classes, six attributes and the Game Master’s instructions.
Flows, screens and a compact design system, refined from the prototype.
Hand-made illustrations for campaigns, characters, the Game Master and items.
Rules for
the Game Master
Designing the rules the AI plays by.
The experience also depends on what the AI is told. The Game Master follows a set of instructions: a dark fantasy world lore, the character classes, the campaign, and strict rules to respect saved story events, inventory and attributes, always ending each turn with three possible actions.
Decisive actions are settled by a dispute: a roll from 0 to 20 against the character’s attribute. The lower the roll, the better the outcome; the higher above the attribute, the harsher the consequence.
From character
to story
From character creation to interactive storytelling.
The experience guides players through campaign selection, character creation, attribute distribution and a personal backstory before the adventure begins. During gameplay, a structured interface brings AI storytelling, player choices, character information and inventory together. The goal was to make a traditional text RPG feel accessible, engaging and visually immersive.
Campaign cards with art, lore and popularity, so players can start before even logging in.
A carousel of pixel art portraits, introduced by the Game Master.
Spread the initial points across the six attributes, with the character’s history in view.
Players add their own detail to the character’s story before the campaign starts.
Story, choices, character sheet, life, inventory and the dispute roll in one screen.
Before leaving, the Game Master invites players to log in so their adventure is saved.
Classic RPG,
reimagined
Classic RPG aesthetics, reimagined for the web.
Dungeon Text draws on early computer RPGs: hand-made pixel art, a limited palette and retro interface elements, with magenta, purple and green over near-black backgrounds.
A compact design system in Figma defined typography, colors and reusable components, keeping the whole game consistent.
Best Design
Award
Award-winning design, delivered in three days.
Dungeon Text was awarded Best Design in the Contra challenge, recognizing its distinctive visual identity and cohesive user experience.
In three days, the complete gameplay flow was designed, from campaign selection and character creation to the main RPG interface, supported by a reusable component system in Figma.
Go deeper
in Figma
The Dungeon Text project, from game rules and the full gameplay flow to the style guide and components, open for you to explore.
Open the Figma file