Aesthetic

Katsutoshi Nakamura templates

Palette

The Katsutoshi Nakamura aesthetic

Muted sage green (#5C6B56) on warm off-white (#F7F4F0), Cormorant Garamond headings with DM Sans body — the quiet precision of Nakamura's editorial illustration work. Understated and refined, with a Japanese sensibility for negative space and tonal harmony. For lifestyle, editorial, and premium brands in the wellness-meets-design space.

Every Katsutoshi Nakamura product line

Katsutoshi Nakamura Landing Template preview

Landing Page Template

Standalone Next.js 15 + Tailwind v4 landing-page project. Edit `content/site.ts`, deploy to Vercel in one click.

View landing page template

AI-Coder Vibe Pack

Tokens, Tailwind preset, system-prompt for Claude/Cursor/v0, and reference screenshots — drop the vibe into any AI-coder workflow.

View ai-coder vibe pack

Editor Theme

VS Code + Cursor + terminal color schemes (Warp / iTerm / Ghostty) generated from the same theme tokens.

View editor theme

Portfolio Template

Standalone Next.js 15 portfolio site — Hero, project grid, skills, case study, testimonials, contact. Edit `content/portfolio.ts` to make it yours.

View portfolio template

Dashboard Template

Full 4-route analytics SaaS shell — Sidebar, TopBar, Recharts charts, user table, settings form. Edit `content/dashboard.ts` to make it yours.

View dashboard template

Email Templates

7 themed HTML emails per pack — welcome, receipt, password-reset, newsletter, re-engagement, and 2-part drip. Pre-compiled to inbox-safe HTML, ready to paste into Mailchimp, Resend, Loops, or any provider.

View email templates

Billing Templates

5 print-ready HTML documents per theme — invoice, quote, receipt, credit note, payment reminder. A4 print-CSS, Handlebars placeholders, ready to plug into Stripe Invoice Templates, Lexoffice, sevDesk, or any Puppeteer/Playwright PDF pipeline.

View billing templates

Questions

What's included in a Katsutoshi Nakamura template?

Each Katsutoshi Nakamura template is a production React + Tailwind CSS v4 build driven by the Katsutoshi Nakamura design tokens — palette, typography, radius, and spacing. You get full source with dark-mode support, ready to drop in or lift the tokens into an existing project.

Is the code copy-paste ready?

Yes. Every template is real, copy-pasteable React + Tailwind code — not a Figma mockup or a screenshot. Live demos render the actual output.

Can I use it commercially?

Yes — unlimited personal and commercial use, for you and your clients. No attribution required.