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