All kits

Personal / portfolio

FounderPage

An editorial one-pager for founders & consultants.

Best for: Founders, consultants, and freelancers who are themselves the product.

Elin Rourke

I help early teams ship products people actually keep using.

Start a project
Open live preview

Overview

FounderPage is a type-led personal site for people who are the product. The 'Editorial' theme keeps things deliberately quiet — bone paper, near-monochrome ink, an oversized serif — so your words and work carry the page. The flow establishes credibility fast: a statement hero, headline stats, a clear services list, a selected-work showcase, and a couple of grounded testimonials before a soft call to action.

Who it's for

Independent consultantsFounders & operatorsSenior freelancersCreators & advisors

Highlights

  • Oversized editorial hero
  • Credibility stats row
  • Services as an editorial list
  • Selected-work showcase
  • Client portal screen — files, weekly update & invoices
  • Founder-specific FAQ (rate, availability, fit)
  • Minimal, type-led theme tokens

Pages included

  • Home
  • Sign in
  • Sign up
  • Terms of Service
  • Privacy Policy
  • Case study detail
  • Engagements
  • Book a call
  • Client portal (account)
  • Themed 404 / 500 / loading

Built with

Next.js 16React 19Tailwind v4TypeScriptMotion

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.

FounderPage Launch Kit

v1.0.0 · Single-project license

Coming soon

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.
  • Niche product screens2–3 screens designed for this kit — a dashboard, detail, checkout, or docs.
  • Themed error & loading screensMatching 404, 500, and loading states — not generic fallbacks.
  • Theme-matched scrollbarA custom scrollbar tuned to the kit's own palette.
  • READMEHow to run, edit, and deploy the kit.
  • Customization guideWhere everything lives and how to change it.
  • Deployment guideFrom your machine to a live URL + custom domain.
  • Launch checklistA practical, step-by-step pre-flight list.
  • Troubleshooting notesFixes for the common install/build/deploy snags.
  • DESIGN.mdA system-design map of the kit — for you and your AI agent.
  • AGENTS.mdOperating rules + starter prompts so AI tools extend it safely.
  • LicensePlain-language usage terms (placeholder).
  • ChangelogWhat changed in each version.

To launch it

  • Difficulty: beginner
  • Setup time: About 25 minutes
  • Deploys to: Vercel · Netlify · GitHub Pages (static)
  • Guides: 4 included
  • Support: Self-serve, with the full guide set bundled in.
Request early access

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

Node 20+A code editorGitHub accountVercel account (free)

You can customize

Your name & bioServices listSelected workStats & testimonialsTheme accent

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 steps

Make 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 it your practice

  • Rewrite the bio, stats, and highlights in your own voiceThe hero, stats row, and highlights all read from this kit's config.
  • Replace the selected work with your real case studiesThe portfolio items and the case-study detail screen share the same content.
  • Point 'Book a call' at your real schedulerThe contact screen and the CTA button both use the booking link and email in config.

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.

Related kits

Not quite it? Nearby on the shelf.

Browse the full gallery