Folio — Next.js Creative Agency Template

Folio is a premium Next.js template built for creative agencies, branding studios, freelance designers, and marketing consultants who need a website that sells their work instead of hiding it behind generic corporate layouts. Built with Next.js 15, Tailwind CSS v4, TypeScript, and shadcn/ui, Folio ships with a fully animated homepage, a filterable portfolio page, individual case study templates, an about page, and a working contact form — everything a creative agency or marketing studio needs to launch a professional site in hours instead of weeks.

Every section was designed with an editorial, magazine-style aesthetic in mind: oversized typography, generous whitespace, and motion-driven interactions powered by Motion replace the flat, templated look common in most SaaS-style landing pages. The color system is built entirely on OKLCH variables with reusable gradient and glow tokens, so restyling the entire brand palette — light or dark mode — takes editing a handful of CSS variables instead of hunting for hardcoded hex values across dozens of components. Content lives in a single typed configuration file, making it simple to swap copy, portfolio projects, services, and team members without touching component code.

Folio is ideal for creative agencies pitching new clients, freelance designers and consultants building their personal brand, marketing studios showcasing campaign results, and branding consultants who need real estate to display case studies with measurable outcomes. With SEO metadata wired in globally, per page, and per dynamic case study route, and a component library built on shadcn/ui and Tailwind, Folio gives you a production-ready foundation that's easy to extend, restyle, and ship.