Built a nighttime room in one Flowstep session—16 screens, one continuous space, zero navigation ...

Built a nighttime room in one Flowstep session—16 screens, one continuous space, zero navigation ...Built a nighttime room in one Flowstep session—16 screens, one continuous space, zero navigation ...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Md Ashraful Islam

• 1d

Built a nighttime room in one Flowstep session—16 screens, one continuous space, zero navigation chrome.

Connected @flowstep_ai MCP to Zed > generated every screen directly on the canvas via prompts. Used gstack and hallmark design skills to refine the master room and the six object close-ups. Then exported the full flow to React/TypeScript/Tailwind and deployed to @vercel.

The night is a dark room you furnish with memories. The candle is the only interface. You blow it out, the room sleeps, and tomorrow it remembers you by a shifted bookmark, never a streak.

16 screens. 3 acts. 1 candle. 1 room.

Prototype: https://app.flowstep.ai/file?activeFileId=639cff28-0380-4364-bc5d-174f3f3872d3 Live demo: https://nocturne-solas.vercel.app/

#flowstepchallenge #FlowstepMCP #React #Tailwind #Zed

flowstepchallenge React flowstepmcp Product Design UX Design Web Design Flowstep

Tarek Monawar

• Jul 21

The last screen deserves as much attention as the first.

Designed this portfolio footer with a retro-inspired interface, modern UI details, and a stronger project CTA. Every component was built to make the experience feel intentional from start to finish.

#UIUX #WebDesign #CreativeDirection

Product Design UI Design UX Design Figma

Ilya Kozlov

• Jul 21

The dot-matrix display aesthetic paired with those subtle orange glow accents gives this footer so much personality.

DESH Group

pro

• Jul 20

Another concept from our archives that we're still proud of.

SYNTHH was our take on what an AI workspace assistant could feel like if it was designed around focus instead of constant notifications.

Instead of another chat interface, we explored a calmer experience with cinematic visuals, subtle motion, and an interface that fades into the background while helping you stay in flow.

We wanted every interaction to feel intentional, from the ambient UI to the conversational experience and the overall visual language.

It's always fun looking back at concepts like this and seeing ideas that are becoming more relevant today than when we first designed them.

3D Design UI Design UX Design Adobe Illustrator Blender Figma

Emmanuel Munteh

• Jul 21

Amazing work!

Cameron Duncalfe

max

• Jul 20

Really excited to share this one. Stay tuned for a video showcasing the whole site, but even better, why don't you just experience it for yourself: https://thebluehorizon.ai/ These guys have received over 1 billion impressions on their videos and they came to us to make their website match the caliber of work they put out at an inhuman rate.