Goodfolk: Social and creator studio landing page template for Next.js.

$39one-time payment

Buy GoodfolkLive demo

Checkout opens soon.

Next.js 15
CSS
TypeScript
7 sections
Light
No API keys
Updated Oct 10, 2026

Live demo

The Goodfolk landing page template on desktop, from the hero to the footer

Overview

A complete independent studio website for brands with a point of view. A photographic collage, expressive typography, and deliberate motion introduce social strategy, creator partnerships, and content production.

Made for: Social and creator agencies, Independent creative studios, Content production and consumer brand consultancies
Highlights: Expressive collage hero, original imagery, and locally hosted Manrope
Staggered campaign gallery with three complete supporting stories
Keyboard-accessible creative process, two engagement rows, and native FAQs
Two notebook articles and straightforward editable contact links
The look: Near-white and charcoal, with lime and lilac accents. An asymmetric photographic collage leads into a dark studio manifesto, a staggered campaign gallery, illustrated process tabs, horizontal engagement rows, editorial studio imagery, notebook stories, and a large typographic closing.

Sections

01
Navigation and collage hero
Original creator portraits, finite typography entrance, bounded scroll drift, configurable contact link, and accessible mobile navigation.
02
Studio manifesto and capabilities
A dark editorial section combines scroll-filled typography with three clear creative disciplines.
03
Selected collaborations
A staggered gallery with three campaign concepts, each opening a full story with challenge, idea, deliverables, and next-project navigation.
04
Creative process
Three illustrated native tabs with arrow-key, Home, and End navigation and distinct editable creative compositions.
05
Engagements
Two horizontal rows with starting fees, scope, and direct contact links.
06
Studio, notebook, and FAQs
Original documentary studio imagery, two complete editorial articles, and native question disclosures.
07
Closing and footer
Oversized typography, editable availability, inbox, optional social and legal destinations, and a large brand signature.

Remove a section by deleting its line in app/page.tsx, or move the line to reorder.

Make it yours

Start with site.config.ts. Campaigns, articles, capabilities, process stages, and fees live in focused data files.

Where to change each part of Goodfolk
To change	Edit
Brand, copy, navigation, CTA destinations, metadata, and FAQs	site.config.ts
Campaign stories, imagery, deliverables, and generated routes	data/projects.ts
Capabilities, process stages, and engagement fees	data/studio.ts
Notebook articles and generated routes	data/notes.ts
Section order and focused components	app/page.tsx and components/home/
Palette, layout, and motion	styles/
Bundled photography and font provenance	public/ and ASSETS.md

Run it

$ npm install$ npm run dev

Node.js 20.9 or newer. No environment variables.

Before you go live

Replace the fictional brand, campaign concepts, example fees, and imagery with your own. Set your inbox, contact link, canonical domain, and any optional social or legal destinations. CTAs are ordinary links; no backend is required.

Specifications

Framework: Next.js 15 (App Router), React 19
Language: TypeScript
Styling: CSS with design tokens and component styles
Fonts: Manrope, self-hosted with next/font
Dependencies: next, react, react-dom
Images: Three original AI-generated campaign and studio photographs, bundled as optimized WebP. Creative process and notebook artwork are editable CSS, SVG, and React. The font is hosted locally with its license.
API keys and environment variables: None
Node.js: 20.9 or newer
Colour scheme: Light
Responsive: Desktop, tablet and phone
Accessibility: Skip link, visible focus, keyboard navigation, reduced motion
Deploys to: Vercel, Netlify, Cloudflare Pages or any Node host
Codebase: 51 source files, about 4,400 lines
Last updated: Oct 10, 2026

License

One license, no tiers. The full text ships as LICENSE.md in the download.

You can

Use it for your own products
Use it for any number of client projects
Change the code and design however you like
Deploy the result commercially

You can’t

Resell or share the files as a template, theme or UI kit
Publish the source as a template in a public repository

Questions

What do I get when I buy Goodfolk?

The complete Goodfolk project as a download: the Next.js app, its config file, a README with setup and customisation notes, and the license. The download link arrives right after checkout.

Can I use Goodfolk for client projects?

Yes. One purchase covers your own products and any number of client projects, and you can change the code however you like. What you can’t do is resell or share the template files themselves as a template or UI kit.

Do I need API keys, a database or a backend?

No. It runs with npm install and npm run dev and deploys to Vercel, Netlify or Cloudflare Pages without any environment variables.

What should I change before I launch?

Do I need to know Next.js?

Basic React helps, but most changes are text edits in site.config.ts. The README walks through colours, fonts and section order.

How do updates work?

Updates to Goodfolk are free. When a new version ships, download it again from the link in your order email.

Can I get a refund?

Yes. If Goodfolk isn’t right for you, reply to your receipt within 14 days and you get your money back.

Should I buy all-access instead?

If you’ll use more than two templates, yes. All-access is $99 for all 31 templates, including Goodfolk and every template added later. Three single templates would cost $117.