ShipUI's Seventh Theme: FOLIO // NEXT

The seventh ShipUI theme is out. If RETRO is loud, ALOHA is warm, GLASS is soft, NOIR is sharp, LAB is technical, and SOLAR is bold, FOLIO is editorial.

FOLIO // NEXT is built around the aesthetic of a printed portfolio or a well-typeset magazine. Cormorant Garamond as the display font, Inter for body copy. Parchment backgrounds, forest green accents, cognac rust for calls to action. Zero border radius throughout. The kind of design that communicates craft before anyone reads a word.

FOLIO // NEXT theme preview

What's Included

A complete editorial design system, from tokens to pages.

Components:

  • Buttons (primary cognac, secondary ghost) with zero border radius
  • Cards with sharp corners and ruled borders
  • Badges with roman numeral styling
  • Text component with display, body, caption, and label variants
  • Section headers, eyebrows, and ruled dividers

Page sections:

  • Hero with three-column layout: magazine spine, main copy, table-of-contents panel
  • Features section with ledger-style rows and roman numeral indices
  • About section with forest green background and pull quote
  • Newsletter CTA

Layout and auth:

  • Header and footer
  • Login page
  • Sign up page
  • 404 and error boundary pages

Tech stack:

  • Next.js 15 with App Router
  • React 19
  • TypeScript 5 strict mode
  • Tailwind v4

No broken imports. No manual wiring. Install dependencies and it works.

Works with ShipKit

FOLIO // NEXT pairs with ShipKit if you use it. If you're wondering why ShipKit exists, Why We Built ShipKit explains the problem it solves.

The bundle adds ShipKit AI conventions for $10 on top of the base theme: cursor rules, project structure docs, and a CLAUDE.md ready to go.

The theme also works standalone. No ShipKit dependency, no lock-in.

Pricing

$29 for the theme. $39 for the theme with ShipKit conventions. One-time purchase, instant download, permanent link.

No subscriptions.

What's Next

Seven themes are now live: RETRO // NEXT, ALOHA // NEXT, GLASS // NEXT, NOIR // NEXT, LAB // NEXT, SOLAR // STUDIO, and FOLIO // NEXT. More are in progress. The goal is the same across all of them: a real design system, a modern stack, and nothing left for you to wire up yourself.

Live demo and purchase

More posts

Next.js Retro-Toy Starter Template (DINK // NEXT)
DINK // NEXT is a retro-toy Next.js 15 starter with Fredoka display font, bold 3px borders, flat offset shadows, and a playful cream and cobalt palette.
April 15, 2026
Next.js Western Bug Bounty Starter Template (WANTED // NEXT)
WANTED // NEXT is a western bug bounty Next.js 15 starter with Rye display font, Courier Prime monospace, parchment and charcoal palette, wanted poster cards, and severity badges.
April 13, 2026
Next.js Competitive Gaming Starter Template (GAMING // NEXT)
GAMING // NEXT is a dark competitive gaming Next.js 15 starter with Chakra Petch display font, neon magenta and cyan accents, live data panels, leaderboards, and match cards.
April 10, 2026