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

I Built a Music Audio Features API Because Spotify Killed Theirs
How I built MeloData, an open audio features API using Essentia, after Spotify deprecated their Audio Features endpoint. BPM, key, energy, danceability for any track by ISRC.
March 26, 2026
Next.js Retro Diner Template (BOOTH // NEXT)
BOOTH // NEXT is a retro diner Next.js 15 starter with Righteous display font, cherry red and warm ivory palette, checker patterns, and a full component library.
March 25, 2026
AI Conventions Now Included in Every ShipUI Theme
CLAUDE.md and .cursorrules ship with every theme at no extra cost. No more bundles. One price, everything included.
March 24, 2026