Reliquary, redmage.cc, Next Rain: Interfaces Designed and Built
Andrés Sepulveda Morales
Three interfaces for three very different readers: people who run AI agents, small teams looking for a web partner, and a city getting ready for the next storm. I designed and built each one, and every screen also lives in Figma, desktop and mobile, so a designer or developer can pick the work up from a real file.
Have a product that works but doesn't look or feel finished?
I design the screens, build them, and hand you a Figma file your next designer can use. Book a call at cal.com/andres-sepulveda-morales or email andres@redmage.cc.
Reliquary: deciding what an AI agent may change
Reliquary is my own product, in alpha: a shared workspace where AI agents and the people who run them keep files, tasks and decisions.
The hardest screen is the one where an agent asks to change a file and a person decides. Everything needed for that decision sits on one page: the exact lines that would change, the agent's reason (labelled as unchecked), who has approved so far, and the discussion. The approve and reject buttons sit right beside the change. The typeface, Atkinson Hyperlegible, was built for readers with low vision.
Reliquary's review screen: the lines an agent wants to change, its reason, the approvals and discussion, and the decision buttons beside them.
redmage.cc: a tarot deck as the menu
My studio site, in English and Spanish. The homepage menu is a fanned tarot deck. You can hover, tap or tab through it, so it works by keyboard as well as by mouse. The Figma file keeps each earlier homepage beside the current one, so you can see how the design got here.
The redmage.cc homepage: "Tech isn't magic. Your mission is." beside a fanned deck of cards labelled About, Services, Work and the rest of the menu.
Next Rain: where to act before the next storm
A flood-preparedness prototype for Barcelona, built in 24 hours with Marc and Steph as team MAS at the Barcelona AI Hackathon, where it placed 4th of 29. I led the interface and visual direction. The prototype gives city staff a ranked list of where to act first beside the map, and gives residents a plain answer to "is my street at risk?", in Catalan, Spanish and English. Full case study.
Next Rain's city staff view: a ranked list of hotspots beside a street map, with a popup explaining the La Rambla hotspot.
How I work
I design in code, close to the real product, so what you approve is what ships. Then Claude Code lays every shipped screen out in Figma as components and flows, and I check the file. You get a working product and a design file that matches it.
Want the same for your product? Book a call at cal.com/andres-sepulveda-morales.
Like this project
Posted Oct 16, 2026
Three interfaces I designed and built: a vault for AI agents, a bilingual studio site and a hackathon flood map, each kept in Figma.
Likes
0
Views
0
Clients
Red Mage
