Ukiyo-e templates
The Ukiyo-e aesthetic
Indigo blue (#2D4A7A) on warm parchment (#F5F0E8), Shippori Mincho and Zen Kaku Gothic New bridging the world of Edo-period woodblock printing and contemporary digital type. The ukiyo-e tradition of flat color fields, deliberate line weight, and seasonal composition — translated into a functional design system. For cultural institutions, fashion, and premium brands with a Japanese reference.
Every Ukiyo-e product line
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
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 templatesQuestions
What's included in a Ukiyo-e template?
Each Ukiyo-e template is a production React + Tailwind CSS v4 build driven by the Ukiyo-e 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.