Botón Milagro

A one-button micro-experience that turns inner struggle into clarity, inspiration and action through human-curated messages, music and GPT-5.6.

Comment

Inspiration

Botón Milagro was born from a simple question:

What if the inner battle we fight every day could become a celebration, even for one present moment?

Modern life constantly pulls our attention toward urgency, fear and everything that still needs to be solved. Botón Milagro creates a brief pause to return to yourself, remember the gift of the present and transform inspiration into one small, real action.

Its deepest inspiration comes from childhood: the time when a cardboard box could become a castle, the floor could turn into lava and imagination could create an entire universe inside one room.

That creative, playful and innocent part never disappeared. It simply learned to wait.

What it does

Botón Milagro is a bilingual, mobile-friendly micro-experience built around one luminous button.

Each press reveals an original, human-curated message with several layers:

  • a simple truth;
  • a deeper reflection;
  • a short presence ritual;
  • a conscious declaration;
  • one real action that can be completed immediately;
  • and a phrase that can be shared.

The experience invites the visitor to pause, breathe consciously and reconnect with the present.

An optional original instrumental soundtrack can be activated or paused at any moment. It begins only after the visitor chooses to play it, remains deliberately subtle and accompanies the experience without interrupting reflection or reading.

Its purpose is not to promise a supernatural solution or replace professional help. The “miracle” is the small shift from an overwhelming moment to a clearer and more manageable next step.

How we built it

Botón Milagro was created during OpenAI Build Week with Codex and GPT-5.6 as development collaborators.

The project was built as a lightweight bilingual web application using semantic HTML, CSS, vanilla JavaScript and structured JSON content.

Codex helped accelerate the technical implementation, including the application architecture, responsive design, bilingual interaction, content separation, accessibility improvements, offline caching, debugging, testing and documentation.

GPT-5.6 helped turn the original product vision into a coherent interaction model, structure the message journey, adapt the experience naturally between Spanish and English and examine creative and technical decisions.

The application also includes accessible controls, keyboard focus states, reduced-motion support and a service worker for repeat offline visits.

The visual identity combines a deep purple background with luminous golden typography, expressing the idea of discovering a light that was already present within you.

Challenges we ran into

The greatest challenge was finding a voice that could speak about spirituality with honesty, clarity and emotional responsibility.

Every message needed to be deep enough for an adult, clear enough for a child and grounded enough to create a real change beyond the screen.

Another challenge was balancing reflection and action. Inspiration alone was not enough. Every press needed to end with one small gesture that carries the experience from the screen into real life.

We also worked carefully to preserve simplicity while adding bilingual content, responsive behavior, accessibility and offline support.

Accomplishments that we are proud of

We created a complete bilingual experience around one simple interaction.

Each message combines presence, conscious breathing, imagination, warmth, intelligent humor and an immediate action.

The application works on desktop and mobile, supports Spanish and English, includes accessible interaction states and optional original instrumental music, and continues working offline on repeat visits after the first load.

What we learned

We learned that a meaningful product does not always need more complexity.

Sometimes one button, one breath, one honest sentence and one small action are enough to transform the direction of a moment.

The mind may arrive expecting another battle.

Botón Milagro invites it to pause.

The present has arrived. And, of course, it brought a gift.

What's next for Botón Milagro

The next major step is creating a human-curated library of 365 original miracles: one meaningful message for every day of the year, together with a future “Miracle of the Day” experience.

We also plan to expand the original instrumental sound world, explore carefully designed personalized paths, continue improving accessibility and refine the installable app experience.

AI may help organize, test and adapt the experience, while the final editorial voice, meaning and emotional responsibility will remain human-directed.

The long-term vision is to make Botón Milagro a small daily doorway into presence, imagination, kindness and action.

Next evolution: transformative actions and the Motor del Ahora

A further editorial evolution is already being designed around transformative actions.

Each future miracle will end with a small, safe and concrete action directly connected to its message. Its purpose will be to gently interrupt an automatic pattern and leave a real trace beyond the screen, allowing the person to experience, even briefly: “I can choose something different.”

We are also designing the Motor del Ahora, a privacy-conscious system that will create a more personal Miracle of the Day for each device, preserve it locally, avoid recent repetitions and offer different voluntary emotional directions without claiming to read minds or diagnose the visitor.

The current competition prototype remains unchanged and fully functional. These developments represent its next carefully human-directed phase.

Built With

Share this project:

Updates