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
You know that Google antigravity easter egg where everything on the page just starts floating?
I turned that feeling into a notes app.
That's where GravityNotes started — one small moment of playfulness that made me think: what if your ideas actually moved like that?
So I wrote one detailed prompt and let AI build the entire thing.
But I went further than most. I didn't just spec the desktop experience — I thought through every touch interaction. How inertia should feel under a finger versus a mouse. When a long press should trigger an action versus a drag. How the UI should reorganise itself on a smaller screen without losing the floating physics feel.
Glassmorphism UI. Adjustable gravity. Checklists, tagging, light and dark mode, JSON export, and import. A layout that adapts from desktop to tablet to phone — without ever feeling like a shrunken-down version of itself.
The prompt was the product. Writing it well was the design work.
Inspiration can come from anywhere. The skill is knowing what to build with it.
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
Related posts
I built KAIROPI for the Google Stitch Challenge - a playful ramen lifestyle brand that brings together food, sauce, stickers, motion, and colorful city culture.
How I Used Google Stitch
I started by creating a mood board to define how I wanted the website to feel the colors, hero direction, sticker style, typography, food visuals, and overall brand energy.
Then I brought that direction into Google Stitch and built the website step by step, from the hero section to the manifesto, bowls, sauce section, and footer. I kept iterating inside Stitch, using prompts and edits to refine the layout, copy, visual consistency, and interactions.
One of the most useful parts was being able to make changes without starting the whole page again. Once I understood the workflow, Stitch made it much faster to keep the design consistent.
Stitch Features Used
- AI-assisted interface generation
- In-place design edits
- Iterative prompt-based refinement
- Motion and interactive UI direction
- Visual workflow from mood board
My Experience Using Stitch
At first, I was a little confused because it was my first time using Stitch, but I found my way around pretty quickly.
Once I understood how to work with it, the process became much smoother. I really liked how I could keep the design consistent and ask the AI to make edits instead of regenerating everything from scratch.
Overall, Stitch felt fast, flexible, and useful for turning a clear creative vision. If you already know the feeling or direction you want, it becomes much easier to iterate and build quickly.
Unreal quality — you’ve got serious talent.
Inspired by the interaction craftsmanship of @Unicorn Studio
Built our own interpretation, focusing on cinematic motion, layered depth, and interactions that guide attention with intention
Exploring how great motion design can transform a website from something you use into something you experience
Feedback is always welcome
📋 Project Description
MEDORA — Rural Clinic Command Dashboard
MEDORA is a front-end command dashboard designed for rural healthcare clinics operating in low-resource, high-pressure environments. The core problem it solves is real — rural clinic staff in developing regions manage critical patient triage, medicine inventory, and emergency protocols using paper ledgers and disconnected systems. MEDORA replaces that chaos with a single, unified, beautifully designed interface.
The dashboard features 11 fully connected screens including a live patient triage feed with AI-assisted severity classification, a color-coded medicine inventory tracker with critical stock alerts, a real-time appointments calendar, staff management, analytics reporting, and a one-click Crisis Mode that transforms the entire UI into a mass casualty command center. Every screen maintains pixel-perfect design consistency using a warm editorial design language inspired by professional medical SaaS products.
🛠️ How I Used Stitch
I approached Stitch as a serious design engineering tool rather than a simple prompt box. My workflow had three layers:
First I created a comprehensive DESIGN.md file defining the complete design system — exact color tokens, typography hierarchy using Inter Tight 800 weight with -0.028em letter spacing, animation curves using cubic-bezier(0.22, 0.61, 0.36, 1) at 360ms, and component-level spacing rules. This gave Stitch a precise visual language to work within before generating a single screen.
Second I engineered each prompt with five specific layers — layout structure, color specification, typography instruction, animation behavior, and interaction design. This multi-layer prompting approach produced screens with production-grade polish including micro-interactions, staggered fade-in animations, hover states, and smooth panel transitions.
Third I used Stitch's iterative chat interface to refine each screen progressively, uploading previous screens as reference to maintain consistency across all 11 connected prototype screens.
💬 Feedback on Stitch Platform
Stitch is genuinely impressive as an AI-native design tool. The ability to ingest a DESIGN.md file and maintain that visual system across multiple generated screens is something no traditional design tool offers. The gap between prompt and production-ready output is remarkably small when prompts are engineered with precision.
The multi-screen prototype flow works intuitively — each screen generation builds naturally on the previous context. The warm paper texture, coral accent system, and Inter Tight typography translated faithfully across all 11 screens with minimal correction needed.
If I could suggest one improvement — a component locking feature that preserves sidebar and header elements automatically across screens would reduce prompt complexity significantly. Overall Stitch accelerated a design process that would typically take weeks into a single focused session. That is genuinely revolutionary for solo developers and designers.
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?