This is the exact page system behind my event replays and my 67-lesson Design Your Best Self training. It powers two things: replay pages for your webinars and events, and your own hosted training library. One stylesheet, one template, one prompt. Download it, paste the prompt into Claude, and it becomes yours in one sitting.
Here's the evolution. I built this template for a 3-day live event. The replay pages worked so well that I grew the same architecture into the system that now hosts my entire 67-lesson Design Your Best Self training on my own site. Every page pulls its design from one shared stylesheet, so the system scaled without a redesign. You get both paths, and you pick the one your business needs first.
Run a live event or webinar, then send everyone to branded replay pages with a countdown, an episode guide, and your offer wired into every CTA. Built for a 3-day format. Duplicate a page, swap the brackets, ship the next day.
The same template, grown up. Adapt the replay layout into a training hub and lesson pages you host yourself, with zero monthly software fees. The kit includes two live pages from Design Your Best Self so you can see exactly what this becomes.
Running a webinar, challenge, or multi-day event? Path 1. Rebrand the replay pages and ship your funnel.
Want to host a course or training on your own site? Path 2. Use the Design Your Best Self pages as your reference and have Claude adapt the template into your hub and lessons.
Both? Same stylesheet powers everything. Build the replay funnel for your next event, then grow it into your library. That's the exact road I took.
Everything lives in one zip. The templates, the finished examples, the guide, and the prompt that does the rebrand for you.
Free download. One zip, everything inside, ready for your Claude session.
Your map. What each file is, the 3-step path, and the ground rules that keep the system clean.
The fastest path. A fill-in-the-brackets prompt covering your brand, your event, and your offer. Claude does the rest.
The one stylesheet that rules everything. Brand tokens live at the top: --yellow, --gold, fonts, surfaces. Change them once, every page updates.
The blank template with [BRACKETED] placeholders. Duplicate it for each day of your event.
A real, filled-in Day 1 so you can see exactly what done looks like before you touch anything.
Two live pages from Design Your Best Self. The training hub and a lesson page, both built from this system. Proof of how far the template goes.
The full START HERE guide from the kit, right here on the page. Copy it, keep it open while you build, or read it now and skip a step.
# Webinar Replay + Training Page Template Kit Welcome. This kit gives you the exact page system Rob uses for event replays and his Design Your Best Self training. You are going to make it yours in one Claude session. ## What's in this kit **1-replay-template/** — The core system. Three files. - `replay.css` — the shared stylesheet. Every page pulls from this one file. Change your brand colors once here and every page updates. - `replay-template.html` — the blank template with [BRACKETED] placeholders. This is what you duplicate for each day of your event. - `replay-1.html` — a real, filled-in Day 1 example so you can see what done looks like. **2-training-hub-example/** — Proof of what this template becomes. - `index.html` — the hub page for Rob's 67-lesson Design Your Best Self training. Same system, adapted into a full training library. - `welcome-vision.html` — a single lesson page from that training. **CLAUDE-PROMPT.md** — Your copy-paste prompt. This is the fastest path. Open it, fill in your brand details, paste it into Claude with the template files attached, and Claude rebrands the whole system for you. ## The 3-step path 1. **Open CLAUDE-PROMPT.md** and fill in your brand section (colors, fonts, name, event, offer link). 2. **Start a new Claude chat**, attach the three files from `1-replay-template/`, and paste your filled prompt. 3. **Review, paste your video embeds, and publish.** Host anywhere that serves HTML files: Cloudflare Pages, Netlify, Vercel, or your own site. ## Ground rules - Keep all files in the same folder. The HTML pages look for `replay.css` next to them. - One CSS file rules everything. Resist editing colors inside the HTML. - The countdown timer and ticker are editable marketing. Set hours and names honestly for your event. - Add your own analytics or pixel code where the comment says so in index.html. Build it, brand it, ship it. The system is done. Your version is one session away.
You don't rebrand this by hand. Your Claude does. Four steps from download to live.
Grab the kit from the link above and unzip it. Keep the folder structure exactly as it is. Every HTML page looks for replay.css sitting next to it.
Open CLAUDE-PROMPT.md and fill in every bracket. Three groups of blanks, all things only you know:
Start a new Claude chat, attach replay-template.html, replay-1.html, and replay.css, then paste your filled prompt. Claude updates the stylesheet with your brand tokens and builds all three day pages with your content, your voice, and your CTAs wired to your offer.
Works in Claude chat or Claude Code. In chat, ask for the files back as downloads. In Claude Code, it writes them straight into your folder.
Drop your video embed codes into each page where marked. Put all four files in one folder and upload to Cloudflare Pages, Netlify, Vercel, or your own site. Send the Day 1 link to your list.
Trust is earned by clean runs, not by the build being done.
This is the engine of the kit. Fill in the brackets, attach the three template files, paste it into Claude. Watch the whole system become yours.
I have a 3-day webinar replay page system built from a template kit. I want you to rebrand it for my business and fill in my event content. The three attached files are the template, a filled example, and the shared stylesheet. MY BRAND - Business name: [YOUR BUSINESS NAME] - My name: [YOUR NAME] - Primary brand color (hex): [#______] - Secondary/accent color (hex): [#______] - Background style: [dark like the template / light] - Headline font: [FONT NAME from Google Fonts] - Body font: [FONT NAME from Google Fonts] - Logo: [2-letter initials for the logo badge] - My headshot URL: [URL or "placeholder for now"] MY EVENT - Event name: [EVENT NAME] - Event tagline: [ONE SHORT LINE] - Day 1 — Theme: [THEME] · Title: [SHORT TITLE] · What we covered: [3-7 bullets] - Day 2 — Theme: [THEME] · Title: [SHORT TITLE] · What we covered: [3-7 bullets] - Day 3 — Theme: [THEME] · Title: [SHORT TITLE] · What we covered: [3-7 bullets] - Video embeds: [embed URLs per day, or "placeholder"] - Downloadable resource: [NAME + LINK, or "remove this section"] MY OFFER - What I'm selling after the replay: [OFFER NAME] - Offer link: [URL] - Offer one-liner for the sidebar: [ONE SENTENCE] - CTA button text: [e.g. "Join the Program"] - Free access window: [e.g. 48 hours] WHAT I WANT YOU TO DO 1. Update replay.css with my brand colors and fonts. Change only the brand tokens at the top so the design system stays intact. 2. Create the replay pages from the template, filled with my event content above. Set the correct active day, status labels, and progress bar width on each page. 3. Write the "In this session," "What we covered," takeaway, and pull quote sections in my voice based on my bullet points. Keep them tight and benefit-driven for my audience. 4. Wire every CTA, sidebar promo, and access pill to my offer link. 5. Update the ticker with realistic first names and a watching count, and set the countdown to my access window. 6. Keep all files linking to the same replay.css in the same folder. 7. Give me all finished files ready to upload, plus a short note on anything I still need to paste in (like video embeds). BUILD RULES (follow all of these) - If my event has more or fewer than 3 days, adjust the number of pages, the episode guide cards, and the progress bar percentages to match (e.g. 2 days = 50% / 100%). - Replace EVERY link, name, and brand reference from the example files with mine. That includes links to vip.html and robcressy.com, page titles, meta descriptions, the footer name and year, and the logo initials in the masthead. - The ticker has two identical sets of items so the scroll loops seamlessly. Keep both sets in sync. - If I marked video embeds as "placeholder," keep the placeholder block and clearly mark where I paste my embed later. - If I chose a light background, adapt the full palette carefully and keep strong text contrast on every surface, card, and button. Before you start, ask me any clarifying questions if something above is unclear. Then build it.
It gives Claude an outcome, real reference files, and your specifics. Claude sees a working example of done, so it matches structure instead of inventing one. Start at the end first, then let AI work backwards to the path.
Building a course or training hub on your own site? Use this one instead. Attach all five HTML and CSS files from the kit, including the two Design Your Best Self pages, so Claude has the full range as reference.
I have a page template kit that powers both webinar replay pages and a self-hosted training library. The attached files are the shared stylesheet, the replay template, a filled replay example, and two live training pages (a hub and a lesson page) built from the same system. I want you to adapt this into a training library for my business. MY BRAND - Business name: [YOUR BUSINESS NAME] - My name: [YOUR NAME] - Primary brand color (hex): [#______] - Secondary/accent color (hex): [#______] - Headline font: [FONT NAME from Google Fonts] - Body font: [FONT NAME from Google Fonts] - My headshot URL: [URL or "placeholder for now"] MY TRAINING - Training name: [TRAINING NAME] - One-line promise: [WHAT THE STUDENT GETS] - Modules/pillars: [LIST YOUR MODULES, e.g. Module 1: Vision, Module 2: Habits...] - Lessons per module: [LIST LESSON TITLES, or "I'll add these later, build 2 sample lessons"] - Video host: [Vimeo / YouTube / Wistia, embeds as "placeholder"] - Free or paid: [free / paid — if paid, where do they buy: URL] WHAT I WANT YOU TO DO 1. Rebrand the stylesheet with my colors and fonts. Change only the brand tokens so the design system stays intact. 2. Build my training hub page modeled on the index.html example: my training name, my modules, and lesson cards that link to lesson pages. 3. Build lesson pages modeled on the welcome-vision.html example: video frame, lesson copy, and next-lesson navigation. 4. Keep every page linking to the one shared stylesheet in the same folder, flat files, no subfolders. 5. Give me all finished files ready to upload, plus a short note on what I still need to paste in (like video embeds). BUILD RULES (follow all of these) - Replace EVERY link, name, and brand reference from the example files with mine. That includes page titles, meta descriptions, canonical URLs, schema markup, the footer name and year, and any link pointing to robcressy.com. - Every lesson page needs working navigation: back to the hub, and next lesson. The last lesson in a module points to the first lesson of the next module. - Every lesson card on the hub must link to a real page you built. Never link to a page that doesn't exist. - If I gave you module names without lesson titles, build the hub with the modules and 2 complete sample lesson pages, and tell me how to duplicate them for the rest. - If I marked video embeds as "placeholder," keep the placeholder block and clearly mark where I paste my embed later. Before you start, ask me any clarifying questions. Then build it.
A hosted training library built this way runs on flat HTML files you own. No monthly platform fee, no export lock-in, loads instantly, and your brand controls every pixel. You own the asset.
These rails keep your version clean as it grows from one event into your own library.
Every color and font change happens in replay.css, at the brand tokens up top. Resist editing colors inside the HTML. Edit once, update everywhere. That discipline is what let this template grow into a 67-lesson training without a redesign.
The countdown timer and the social-proof ticker are powerful. Set the access window you'll actually honor and use names from your real community. Urgency works because it's true.
All pages and the stylesheet live side by side in one folder. No subfolders, no build tools, no dependencies. Flat files upload anywhere and never break.
Analytics, pixels, and custom OG images are power-ups, not prerequisites. Ship the replay pages, send the link, and layer those in after your first event runs through it.
Run the loop. Make it boring. Then make it sharp.
You just got the full replay page machine. Inside Undeniable Studio, you build the next one live with me, wired to your business, your voice, your stack.
Join The Studio