Building a marketing site template (Then using it for real)

In this project-based tutorial, Brian tackles a common challenge for prolific builders: quickly spinning up professional one-page marketing sites for new tools and products. Rather than starting from scratch each time, he creates a reusable static HTML template that includes all the structural elements he typically needs—hero sections, navigation with smooth-scrolling anchor links, video modals, founder letters, and feature lists. Using Claude Code with the frontend design skill, he builds out a clean, responsive template with dark mode support.

Once the template is locked in as a GitHub template repository, Brian puts it to work immediately by creating a real marketing site for Inbox Summaries, a new AI-powered tool he recently built. He demonstrates his full workflow for writing marketing copy—pulling context from previous Claude conversations about the product, iterating on headlines and sub-headlines, and refining the founder letter. The video shows how to efficiently collaborate with AI on creative decisions while maintaining your own voice and vision.

What you'll learn in this video:

• Setting up a static HTML template with Tailwind CSS v4 (CDN), Lucide icons, and Google Fonts
• Building a video modal system with vanilla JavaScript that auto-plays on open and stops on close
• Creating and using GitHub template repositories for rapid project scaffolding
• Writing and iterating on marketing copy with Claude, including headlines, founder letters, and FAQs
• Deploying static sites to Cloudflare Pages with custom domains
• Adapting when things go wrong (like file size limits) by switching to Vimeo-hosted video