Recipes
Working pages, not documentation. Each one below actually does the thing it teaches, with the code to copy sitting next to the running result.
This is a template, designed for you to alter and make your own.
This page shows you how to find every example page, and what the template ships for them to use. Copy it to start a page of your own, change anything, or delete the whole app/(marketing)/recipes folder — nothing else in the template depends on it. Example pages are not indexed by search engines.
The live-tile gallery
Every animated scene the template ships, running, with its complete spec one click away.
The primitive gallery
Every shape the engine can draw, running on its own — the vocabulary the scenes are written in.
Give a page a live hero
One component turns any page header into a full-bleed animated scene with readable copy.
Put a live banner behind a section
A fixed-height animated strip — lighter than a hero, livelier than a gradient.
Tell a story in one hero
Chapters that cross-fade in sequence, for a page that has to stand for more than one thing.
Paste-ready AI recipes (28 shipped in docs/prompts/)
Each is a complete prompt you paste into your AI assistant inside this repo — it knows the lanes, the gates, and the traps. Open the file in your editor:
Recipe: a "keep me posted" box on your site
docs/prompts/add-a-notify-me.mdRecipe: a package picker ("Good / Better / Best") on your site
docs/prompts/add-a-package-picker.mdTask prompt — "Add a page / module"
docs/prompts/add-a-page.mdRecipe: questions at the bottom of a page
docs/prompts/add-page-faqs.mdAsk a few questions before the contact form
docs/prompts/ask-questions-before-the-contact-form.mdRecipe — build a quiz, survey, or recommendation flow on your public site
docs/prompts/build-a-quiz-or-flow.mdRecipe: audience pathways — a homepage chooser that routes each customer type to its own door
docs/prompts/build-audience-pathways.mdRecipe — capture leads and CRM facts from your forms (answers that outlive the survey)
docs/prompts/capture-leads-and-crm-facts-from-forms.mdTask prompt — "Connect this site to my Genesis backend"
docs/prompts/connect-to-genesis.mdRecipe: custom CSS the CSP-safe way (avoid the "unstyled in production" trap)
docs/prompts/custom-css-the-csp-safe-way.mdRecipe — the arcade games ("Play" in your nav): what they are, how to brand, keep, or remove them
docs/prompts/customize-the-games.mdRecipe — the member portal (`/m/<portalSlug>`): what it is, what you can change, and where
docs/prompts/customize-the-member-portal.mdWorked example — how a real page was added (the Reports hub)
docs/prompts/example-add-a-page.mdRecipe — serve blog + FAQ LIVE from your dashboard (publish with no redeploy)
docs/prompts/go-live-with-blog-and-faq.mdKeep your tally names off the platform
docs/prompts/keep-tally-labels-private.mdMake a live option row
docs/prompts/make-a-live-row.mdMake a live tile
docs/prompts/make-a-live-tile.mdMaster prompt — build on the Genesis frontend-template with your AI
docs/prompts/master-prompt.mdRecipe: own your homepage (the on-path way)
docs/prompts/own-the-homepage.mdRecipe: put YOUR component inside OUR page (fork the look, keep the plumbing)
docs/prompts/put-your-component-in-our-page.mdRecipe — put your site on your own domain (and don't strand your SEO)
docs/prompts/set-up-a-custom-domain.mdRecipe — analytics (GA4 / GTM / Meta Pixel): the ONE precedence answer
docs/prompts/set-up-analytics.mdRecipe: show a visitor their plan, then save it
docs/prompts/show-a-plan-preview.mdTask prompt — "Skin this site to my brand"
docs/prompts/skin-my-site.mdRecipe — take bookings on your own site
docs/prompts/take-bookings-on-your-site.mdTheme the site by season
docs/prompts/theme-the-site-by-season.mdRecipe: turn features on with rule tables (no redeploy)
docs/prompts/turn-features-on-with-rule-tables.mdMaster prompt — upgrade this site to a new template release, with your AI
docs/prompts/upgrade-master-prompt.md
What the engine ships today
- 39 card scenes (
CARD_SPECS) - 15 hero compositions (
HERO_SPECS) - 2 split-layout scenes (
SPLIT_SPECS) - 3 multi-chapter stories (
STORIES)