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
Turn any mood board into a real, working design system. Drop your visual references onto an infinite canvas, watch Moodline scan them and get back a fully computed design system.
Ready to export as CSS variables, Tailwind config, or Figma tokens.
Try here!
#replitdesignathon
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
Challenges
View all
Related posts
How I Actually Build Websites — From Inspiration to Final Build.
I don’t start with a blank screen. I usually start by exploring Pinterest to find visual references, layouts, interactions, and design ideas. Then I bring the reference into ChatGPT, explain what I want to build, and use it to turn the rough idea into a much clearer development prompt.
From there:
Pinterest → Reference → ChatGPT → Refined Prompt → Antigravity → Manual Refinement → Final Website
I give Antigravity the reference image + refined prompt, let it handle the first implementation, and then take over manually to fix the details that AI doesn't get right — spacing, responsiveness, interactions, typography, animations, and overall polish. AI speeds up the process.
But the final quality still comes from the decisions and corrections I make.
This is how I combine design inspiration, AI-assisted development, and manual frontend work to turn an idea into a real website.
I like the deliberate handoff between reference, refined prompt, and manual refinement—especially the note that the final quality comes from your corrections. That balance is what keeps AI-assisted builds feeling intentional.
Brand identity design for Adventum Fitness, a fitness and personal development brand built around physical performance, mental fitness, and personal growth.
The challenge was to create a visual identity that could bring strength, movement, discipline, and personal development together without falling into the usual fitness branding clichés.
The identity was developed as a cohesive visual system across logo design, typography, color, graphic elements, and supporting brand assets, giving Adventum a distinctive and consistent presence across digital and marketing applications.
Full case study available on my Contra profile.
#BrandIdentity #BrandDesign #FitnessBranding #VisualIdentity #LogoDesign #BrandStrategy #GraphicDesign #BrandDesigner #FitnessBrand #PersonalDevelopment
One thing I’ve learned from vibecoding: don’t break what already works.
When I’m building a new feature, I usually create a separate test area instead of modifying the live version directly.
If the current version is v3, I’ll experiment with v3.1 there first, test it, iterate, and only move it into the main app once it’s stable.
For bigger rewrites, I keep both versions locally and compare them side by side. The old one stays untouched while I work on the new one.
It’s a simple workflow, but it saves me a lot of headaches when AI starts losing context.
There are many ways to approach this. This is just the one that works best for me.
What’s your workflow when building with AI?
The isolated v3.1 workflow is such a practical guardrail—especially when AI starts drifting. Comparing the stable and experimental versions side by side makes iteration feel much safer.