Sketch the layout and visual direction of your career site before writing a line of code. Stitch is fast, opinionated, and designed for exactly this kind of brief.

You're not aiming for production-grade markup here. You're aiming for a reference image and a few words you can hand to Antigravity in step 3 so the build has a target to hit.

Open Stitch

1. Go to stitch.google.com.
2. Sign in with the same Google account you used for the Cloud setup.
3. Start a new design.

Generate your first design

Paste the prompt below into Stitch as a starting point. It's deliberately specific so the first generation is close to a usable career site, not a generic landing page.

A modern personal career website for an IT student with: (1) Hero
section with name, tagline, and circular photo placeholder, (2) About
Me with short bio, (3) Projects grid with 3-4 cards showing image,
title, description, tech tags, and link, (4) Skills section with
progress bars or pill tags, (5) An FAQ section titled "Ask me about..."
with 5 questions and answers. Clean, professional, dark theme with a
blue accent color.

Generate. Stitch will give you a few variants — pick the one closest to what you imagined.

Iterate

The first generation is rarely the keeper. Refine with short, specific follow-ups:

• "Make the hero section taller with a subtle gradient background."
• "Change the accent color to teal."
• "Add a sticky navigation bar across the top."
• "Make it responsive — single column on mobile, three columns for projects on desktop."
• "Use rounded pill tags for skills instead of progress bars."

Iterate two or three times until the layout feels right. Don't sink 30 minutes here — step 3 is where the polish actually happens.

Export and keep the tab open

1. Click Export in Stitch.
2. Download whatever Stitch offers (HTML, CSS, screenshots).
3. Keep the Stitch browser tab open. You'll paste a link to it into Antigravity in step 3 so it can see what you're going for.