Next.js Minimalist Template (HAIKU // NEXT)
The fourteenth ShipUI theme is out. If RETRO is loud, SOLAR is warm, and HAIKU is still.
It's a Japanese minimalist starter. Cormorant Garamond at 300 weight, washi paper palette, a red hanko seal as the visual anchor. Built for products that want to communicate restraint and precision.
What's Included
A complete design system built around wabi-sabi principles. Every component reflects the same aesthetic: light weight, breathing room, and a single red accent.
Components:
- Buttons (primary, outline, ghost) with zero border-radius and underline hover states
- Cards with ruled borders and clean header/body/footer composition
- Badges in five variants: ink, red, ghost, parchment, subtle
- Text component with body, caption, label, and code variants
- Hanko seal element, kanji decorators, and ruled dividers
Page sections:
- Hero with ghost kanji background and seal motif
- Philosophy section (Ma, Wabi, Sabi principles)
- Features with roman-numeral index
- Newsletter CTA with underline input style
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
- Cormorant Garamond + Noto Serif JP
No broken imports. No manual wiring. Install dependencies and it works.
Works with ShipKit
HAIKU // 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
More themes 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.
More ShipUI Themes
- NOIR // NEXT (cinematic dark landing page starter)
- BLUEPRINT // NEXT (technical precision landing page starter)
- MERIDIAN // NEXT (dark ops dashboard for engineering teams)