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
A marketplace for sports competitive events booking and discovery
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
ASPHALT is a landing page for a street skateboard brand — one long scroll with six sections: hero, the drop, the boards, the numbers, the culture, and a final call to action.
Live: https://asphalt-skate-culture.netlify.app/
The look is raw and bold: paper background, big chunky type, yellow and orange accents, 3D boards in the space. Almost everything moves : a spinning skate-wheel cursor, text that jumps up on scroll, a board that tilts to your mouse, a trick-name ticker, a counting year, and sparks on the last button.
How I used Stitch
https://stitch.withgoogle.com/projects/768150956399471213
I started with a design system. I wrote a DESIGN.md with the colors, type scale, spacing, and motion rules, then imported that into Stitch as the source of truth. From there Stitch generated each section straight onto the canvas, and because everything ran off the same system, the sections actually matched instead of drifting. The output was HTML-native too, so the motion and hover states were already in there.
Once the sections looked right, I exported the code and used Claude to merge them into one page: combining the duplicated cursor, consolidating the Tailwind config, and wiring up the scroll behavior between sections. Then I shipped it on Netlify.
Platform feedback
Starting from a design system was the best part the DESIGN.md kept all six sections consistent, which is usually the hard bit when you build piece by piece. Fast too, and the motion came baked in.
The one pain point was joining sections. Each exports on its own, so making one page meant cleaning up duplicates by hand. A "merge boards into one page" export would fix that.
Nice work! looks really polished 🔥
For the Contra & CapCut Design Studio challenge, I leaned heavily on the CapCut AI agent and reimagined CapCut as…
CatCup: a streaming platform designed for cats.
SLOGAN: Definitely not your cup of tea. Entirely your cat’s.
Watch the demo video to see the complete brand and design system that we created together.
I didn’t stop at the concept...
There’s a prototype website featuring trailers for TV shows (yes, for cats! 😸).
Take a look: https://catcup.vercel.app/
Timewell is a consumer platform where customers build hardbound photo books, record voice stories attached to individual photos, and then scan unique QR codes printed inside the book to listen back - reliably, years later. I architected and built the full stack: the QR generation and resolution system that maps each code to a specific page and user, the media upload pipeline for audio and images, the admin dashboard for order and content management, and the public-facing mobile experience optimized for a cold-open scan (no app install, instant load).
This is Timewell Books (QR-linked voice photobook platform)
Challenges
View all
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?