No description
  • TypeScript 88.4%
  • CSS 10.7%
  • Shell 0.5%
  • HTML 0.4%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
2026-09-18 22:08:39 +02:00
public Add Hanko Stamp Creator 2026-09-11 10:18:01 +02:00
scripts Add a deployment script for hanko.academo.nl 2026-09-12 22:04:03 +02:00
src add western support 2026-09-18 22:08:39 +02:00
.gitignore Add Hanko Stamp Creator 2026-09-11 10:18:01 +02:00
.oxlintrc.json Enforce a wider set of lint rules 2026-09-11 10:30:48 +02:00
index.html Add Hanko Stamp Creator 2026-09-11 10:18:01 +02:00
package.json add western support 2026-09-18 22:08:39 +02:00
pnpm-lock.yaml add western support 2026-09-18 22:08:39 +02:00
README.md Add a deployment script for hanko.academo.nl 2026-09-12 22:04:03 +02:00
tsconfig.app.json Add Hanko Stamp Creator 2026-09-11 10:18:01 +02:00
tsconfig.json Add Hanko Stamp Creator 2026-09-11 10:18:01 +02:00
tsconfig.node.json Add Hanko Stamp Creator 2026-09-11 10:18:01 +02:00
vite.config.ts Add Hanko Stamp Creator 2026-09-11 10:18:01 +02:00

Hanko Stamp Creator

A small browser app that turns one to four Japanese characters into a square hanko seal and exports it as an SVG sized in real millimetres.

What it does

  • One to four characters, typed or pasted into a single text field.
  • Two seal styles: 朱文, red characters on a clear ground, and 白文, a solid red field with the characters carved out as transparent holes.
  • Eight self hosted Japanese typefaces, in mincho, gothic, rounded, brush and handwritten styles, each in the weights its family publishes.
  • A thickness slider that strokes the characters heavier, up to 5% of the em.
  • A stamp face view for carving: the impression mirrored left to right, shown next to the original and exportable on its own.
  • For two characters, a column or a row, each stretched to fill its half or scaled to keep its proportions.
  • A border up to 10% of the side with rounded corners, a choice of ink colour, and a printed size from 10 to 100 mm, picked from presets or typed.
  • SVG export. Sizes are chosen in millimetres, so the file prints at true size and carries no font dependency.

The app runs fully in the browser. There is no server, no account and no network access beyond loading the page and the typeface you pick.

Running it

pnpm install
pnpm dev
pnpm test
pnpm lint
pnpm build

Deploy

Deploy to https://hanko.academo.nl with:

pnpm run deploy

The script builds the app, clears /home/academo/hanko.academo.nl on academo@mororo.top, and copies dist/ there with scp.

Disclaimer

This project was generated by AI and is intended for personal use only. It has not been reviewed for security, accessibility or general fitness, and no support is offered. Use it at your own risk.

The bundled typefaces come from @fontsource and are licensed under the SIL Open Font License.