Turn product noise into the signal your team acts on.
AI / analytics
Emulsion
On-brand marketing visuals, generated from a prompt.
Best for: Brands and content teams shipping their own on-brand product and campaign visuals without a stock-photo budget.
Marketing images and product shots that actually look like your brand.
Overview
Emulsion sells one idea: describe the shot, lock your brand in a preset, and get a set of on-brand visuals in seconds — not a single guess. The kit is built for a generative AI product, so it reads as a studio, not a slot machine: a filmic darkroom palette, a hero that shows the variant wall, a four-step 'darkroom' process, a portfolio showcase of twelve directions, credit-based pricing, and the FAQs a skeptical marketer actually asks about brand match, rights, and artifacts. Every number — credits, sets, run counts — is config-driven and reconciles across the studio screens.
Who it's for
Highlights
- Agency hero with a variant-gallery wall
- The 'darkroom' process — prompt in, on-brand set out
- Portfolio showcase: one brief, twelve directions
- Credit-based pricing (a set of 12 ≈ 24 credits)
- Studio dashboard, set detail & presets/billing screens
- Rights & brand-match FAQ written for a real skeptic
Pages included
- Landing page
- Sign in
- Sign up
- Terms of Service
- Privacy Policy
- Studio dashboard
- Set detail
- Presets & billing
- Themed 404 / 500 / loading
Built with
What you'll get
A launch kit is more than code. Here's exactly what's in the box and what it takes to get it live.
Emulsion Launch Kit
v1.0.0 · Single-project license
In the box
- Next.js source codeThe complete, typed project — yours to keep and edit.
- Content configEvery word, link, and price in one editable file.
- Theme configColors, fonts, and shape as simple design tokens.
- Auth screensThemed sign in & sign up — split layout, ready to wire up.
- Legal starter pagesPractical Terms & Privacy you can customize, not legal advice.
- 3 niche product screensDesigned for this kit — e.g. a dashboard, detail, or checkout.
- Themed error & loading screensMatching 404, 500, and loading states — not generic fallbacks.
- Guides + launch checklistCustomization, deployment, launch checklist, and troubleshooting.
- DESIGN.md + AGENTS.mdSystem-design map + agent operating rules and starter prompts.
- License + changelogPlain-language usage terms (placeholder) and version history.
To launch it
- Difficulty: intermediate
- Setup time: About 45 minutes
- Deploys to: Vercel · Netlify · Any Node host
- Guides: 4 included
- Support: Standard email support and optional setup help.
Downloads open when checkout launches.
Customization & requirements
Everything renders from one config file, so editing copy, pricing, sections, or the theme is a data change — no component rewiring.
You'll need
You can customize
Built for AI agents
Customizing with Claude, Cursor, or another agent is the intended path — the kit tells the agent what it may touch. Use the “Build it with AI” button in the sidebar for a ready-made starter prompt.
- AGENTS.mdOperating rules, project map, starter prompts.
- DESIGN.mdDesign system and theming contract — tokens only.
- configThe safe editing zone: copy, links, pricing, and theme as data — AGENTS.md names the files.
Launch checklist
Every kit ships with a practical, step-by-step checklist so you know exactly what to change before you go live.
Launch checklist
18 stepsMake it yours
- Replace the logo and favicon
- Update your business / brand name
- Rewrite the hero copy
- Update services, features, and pricing
- Set your real contact email
- Swap placeholder images for your own
Metadata & SEO
- Update the page title and description
- Set your Open Graph share image
- Point metadataBase at your real domain
Quality check
- Test the responsive layout on mobile
- Test every button and contact CTA
- Run a quick Lighthouse pass
Make the studio yours
- Set your credit math in one placeThe 'a set of 12 ≈ 24 credits' line repeats across the hero note, bento, pricing, FAQ, and the billing screen — set the credits-per-variant once in this kit's config.
- Rewrite the ownership / rights answer for your termsThe FAQ says 'you own what you generate on paid plans; review the platform terms' — match it to your real usage policy before you sell. It is not legal advice.
- Point 'Start creating' at your real sign-upThe navbar, hero, pricing plans, and closing CTA all share one destination — set it once.
Launch
- Deploy to Vercel
- Connect your custom domain
- Do a final launch reviewOpen the live URL in a fresh browser
Ships with the kit as a Markdown checklist — tick it off as you go.
Don't want to set it up yourself?
Once you've got the kit, we can get it live for you. Tell us what you're building and we'll handle the technical bits.
- Customize the kit to your brand
- Replace content, copy, and images
- Deploy it live on Vercel
- Connect your custom domain
- Walk your launch checklist with you
No commitment — we'll reply with options and a quote.
Related kits
Not quite it? Nearby on the shelf.
The waitlist that actually converts.
Your money, finally working as hard as you do.