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 🔥

I joined the Google Stitch Challenge on Contra and built Habify.

A habit tracker and financial tracker in one place — built for young people who have the ambition, but not the system to back it up.

The core idea: what if every habit you complete could automatically move money into your savings?

I used Google Stitch to go from idea to interactive prototype — streaming layouts directly to canvas, refining with in-place AI edits, and testing motion and interactions without ever leaving the tool.

Stitch made it easy to move fast and stay focused on what matters: the experience, not the process.

Built for the Google Stitch Challenge on Contra.

Prototype: https://stitch.withgoogle.com/projects/9869116718292279893

#GoogleStitch #Contra #DesignChallenge #UIDesign #MobileDesign #AIDesign #ProductDesign

This project is destined for greatness! It deserves a million views and likes. 🐈