Japanese Web Design
3/5 out of 5. Read the verdictDense navy, blue and orange pages in Zen Kaku Gothic New, with bento grids and every detail shown. For trust-first product sites.
Made by 
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.
Every skill gets the same Tally brief, alone in a clean project. How we test
Our verdict
3/5 out of 5
Passed the cut
Japanese Web Design gives Tally a dense, show-everything landing in Zen Kaku Gothic New: a navy top bar, blue and orange buttons, a free-plan checklist under the hero, a bento feature grid, a full comparison table and every FAQ answer open. The dashboard keeps the voice with an indigo sidebar, a navy 'left to budget' card, IBM Plex Mono figures and an autumn red for overspending. It is far from the default and well organized, but three floating cards cover rows in the hero phone and the landing gets busy. Pick it for products that want to earn trust by hiding nothing.
Pick it for
- trust-first product pages
- dense pricing and comparison
- japanese audiences
- e-commerce and saas
Skip it for
- minimal or airy brands
- editorial storytelling
Typography
Colors
Observations
- floating cards cover envelope rows in the hero phone
- the long landing feels crowded
Install
1 Run in your terminal
npx degit ronantakizawa/japanese-webdesign#main .claude/skills/japanese-webdesign2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini
It tells your tool to install this from its source repository.
This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.
Copies just this skill's folder into your project's .claude/skills.
Check the source for the latest instructions.
We installed the japanese-webdesign folder from this repo.
Details
Made by
AI Researcher (100k+ Downloads), Solutions Architect @ AWS
Is this you? Claim it
- Type
- Skill
- GitHub stars
- 5*
- Updated
- 9mo ago
- License
- Not listed
- Best for
- Visual directionLanding pages
Test runOpus 5.5Claude Code 2.1.303Oct 20, 2026generated in 8 minabout $1.73 at API pricescommit e9f01aa
* Stars are for the whole ronantakizawa/japanese-webdesign repository.
Made this skill?Put your score on your README, and claim this page for a link to your site. 
1. Put your score on your README
[](https://skillsfordesign.com/s/japanese-webdesign/) The badge links here. If a retest changes the score, it updates by itself.
2. Claim this page
Get a free backlink to your site.
- A followed link, not nofollow. From the page about your skill, on a site about design skills, to your portfolio, product or studio. Search engines count it.
- Your name on the page. Credited as the maker, right under the description, where every visitor sees it.
- Free. Usually live within a few days.
How it will look
Thanks, we have it.
We'll check the repo and email you when your name is on the listing.
Similar
Same brief, other skills
Impeccable
Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.
updated 1d ago
Hallmark
Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.
updated 2mo ago
3D Metal Material (Meng To)
3D Metal Material gives Tally a dark studio look: Instrument Serif headlines with brass accents and a slowly tilting brushed-steel card in the hero, drawn live with WebGL. The dashboard puts the $640 on a machined steel plate and uses steel, brass and copper finishes on the bars and buttons. It feels premium and is consistent across both pages. Pick it when you want one rich 3D centerpiece on a dark product page.
updated today
Illustration: Outlined Cartoon (Meng To)
The Outlined Cartoon skill draws its own SVG people and objects, with thick black outlines and flat yellow, periwinkle, red and green fills, and builds the whole page around them: chunky Bricolage Grotesque, hard offset shadows and sticker-like cards. The dashboard keeps the cartoon, down to a little character in the summary card. Pick it if you want a friendly, playful product that looks hand-made.
updated today
Also good for these
Product Proof SaaS (Meng To)
Product Proof SaaS puts the product first: a white page with a large, readable app screen right under the headline, Inter Tight, mono labels and a single blue accent. The dashboard is clean Geist with blue bars and a clear overspend alert. It is focused and credible, if plain, and the mobile dashboard scrolls sideways. Pick it for SaaS pages that need to show the product working.
updated today
Awwwards (juliobsz)
Awwwards puts Tally on ruled sage-gray ledger paper with a red margin line, huge tight Familjen Grotesk headlines, IBM Plex Mono labels and blue ballpoint tally marks that draw themselves in the hero. The landing adds a playable month of envelopes on black and a giant footer wordmark. The Geist dashboard carries the idea with an electric-blue 'left to budget' panel, hatched bars and tally textures. It is one of the clearest concepts in the set and reads well on a phone. Pick it for launches and product pages that need a memorable idea.
updated today
Frontend Design (Anthropic)
Anthropic's frontend-design gives Tally a mint-and-pastel landing page and a navy-and-manila ledger dashboard, both clearly new. The mobile landing page is wider than the phone, which caps the score.
updated 8d ago
Taste Skill (design-taste-frontend)
Taste makes the boldest landing page in the set, a white Swiss poster with giant Anton type, electric blue and red. The dashboard looks like a different skill made it, and it scrolls sideways on a phone.