52:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/415hvdruki4ud.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1ktf0sm5sxqup.js","/creators-assets/_next/static/immutable/chunks/1dzfckym0nghc.js","/creators-assets/_next/static/immutable/chunks/1vr_3-vdcf0mn.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1gop2naj8q_bx.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/2k_aekaeyljm2.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mxxs4-__ynew.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43klns5g0wl80.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0xit-z5qwqul7.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/32cfyvu36_37j.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2p4sqhvmasp9s.js","/creators-assets/_next/static/immutable/chunks/2zlizmh1083ez.js","/creators-assets/_next/static/immutable/chunks/13mks9ztnefhj.js","/creators-assets/_next/static/immutable/chunks/1czq4md204jhl.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3ym52__dqzver.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3lqyfto2688hr.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1yafild1hsc0a.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 53:T452,

A compare slider with a hairline divider - for retouching, colour grading, renovation, product and architecture work.

Drag it, click anywhere to jump, or switch to Hover so the divider follows the pointer. Horizontal or vertical.

Keyboard accessible: the slider takes focus and moves with the arrow keys (Shift for bigger steps, Home and End for the edges). Screen readers get a proper slider with its value.

Start sets where the divider sits on load. The line width and colour, the round handle and its size are all in the panel, and the handle can be hidden for a cleaner look.

Labels: Before and After text in any font, placed at the edges and readable on light and dark photos.

Radius for rounded frames. Touch friendly: dragging sideways moves the slider, dragging up and down still scrolls the page.

Ships with a demo pair (an ungraded and a graded photograph) so it works the moment you drop it in.

Zero dependencies, no network. On the canvas it renders at the start position.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

54:T4ce,

The cursor leaves a trail of photographs. Move slowly and the trail is slow; stop and the images fade on their own.

Image Trail is built for portfolio and editorial pages, where the pictures should do the talking and the effect should stay out of the way.

Spacing: an image is dropped only after the pointer has travelled a set distance, so the trail follows the hand instead of flooding the screen.

Life and Max On Screen: how long each image stays and how many can be visible at once. Old images leave on a timer, not every frame, so the page stays light.

Tilt, Radius and Mono: a small random tilt, rounded corners, or a black-and-white trail for colour work.

Caption: an optional line of text in the middle, set in any font from the panel.

Images are preloaded so the first pass never shows an empty frame. On touch screens the page scrolls normally.

Ships with eight demo photographs so it works the moment you drop it in - replace them in the Images list.

Zero dependencies, nothing loaded at runtime except your own images. On the canvas and in static exports it renders a still, composed stack.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

55:T42d,

An editorial project list. Hover a row and its image appears and follows the cursor, easing a little behind it.

The index layout seen on studio and agency sites: large titles, a quiet meta column and a year, hairline dividers, and the other rows dimming while one is active.

Rows: title, meta, year, image and link for each project, edited in the panel. Rows are real links and can open in a new tab.

Follow: how far the image lags behind the cursor. Lower is softer.

Image size and ratio, row padding, dividers on or off, colours and two fonts - title and meta - with full font controls.

Keyboard: tabbing to a row shows its image too. On touch screens the list works as a plain list without the floating image.

Images are preloaded, so the first hover is never empty. Ships with four demo projects and photographs so it works the moment you drop it in.

Zero dependencies, no network. On the canvas it renders the list with the first image shown.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.

56:T4ec,

A headline is the first thing people read and the first thing that breaks. The browser drops the last word onto its own line, leaves one line long and the next one short, and in Japanese it starts a line with 、 or ）.

Line Balance fixes all of that in one component. Type your text, pick a tag, and the line breaks are handled.

No Widow: the last two words are joined so a single word never falls alone. Measured over 90 headlines in Chromium: 24.4% had a widow, 1.1% after.

Balanced measure: text-wrap balance evens out the line lengths. Standard deviation of line width fell from 109px to 25px in the same test - the words are untouched, only the folding changes.

Kinsoku: closing brackets, punctuation, small kana and long vowel marks never start a line; opening brackets never end one; ... and -- are never split. CSS line-break alone still lets these through.

Auto Phrase folds Japanese at phrase boundaries where the browser supports it. Plus hanging punctuation, a measure limit in ch, and h1/h2/h3/p.

Zero dependencies, nothing loaded from outside your site, no animation - the canvas and the static export show exactly what the page shows.

Built by KHZ ART, a Tokyo studio that sets type on the web.

57:T4ca,

Japanese is written vertically in books, posters and signage, but the web still sets it sideways. Framer has no vertical text, and CSS writing-mode alone is not enough: numbers lie on their side, ruby lands on the wrong edge, and lines break in front of a small tsu.

Vertical Type sets real tategaki. Text runs top to bottom, columns run right to left, and the details that make vertical Japanese readable are handled for you.

Ruby (furigana) written inline as 漢字《かんじ》 or ｜好《す》き, placed on the correct side of the column.

Tate-chu-yoko: runs of digits stand upright inside the vertical line, so 4時 and 2026年 read as they do in print.

Kinsoku shori: small kana, closing brackets and punctuation never start a line.

Emphasis dots (bouten) written as ＊語＊, the Japanese equivalent of italics.

Optional column-by-column reveal, with duration, stagger and shift as controls.

Font, colour, line gap, tracking and alignment are ordinary Framer controls.

Zero dependencies. Nothing is loaded from outside your site. Renders correctly in static export and on the canvas.

Built by KHZ ART, a Tokyo studio that sets Japanese type on the web.

58:T422,

Japanese has no spaces between words, so a browser is free to break a line anywhere — including in front of a closing bracket, a comma or a full stop. Japanese typesetting does not allow those characters to start a line.

We built a page that counts it instead of arguing about it. Paste any Japanese into it and it reads the line boxes your own browser just drew, then reports two numbers: how many lines began with a character that may not begin a line, and how many Latin words were broken mid-word. Drag the column width or the type size and watch the numbers move.

https://khz-art.com/en/japanese-line-break-test

If your site needs this fixed, the three plugins behind it are free on the Marketplace — Kumihan (phrase-aware line breaking, ja / zh-hans / zh-hant / th), Rubi (a reading above a word), Waei (the quarter-em of air between Japanese and Latin). In English they do nothing at all.

51:["$","$L52",null,{"value":{"fallback":{"$inf$activity-creator-6310dcb0-97e0-46a1-bc86-eb592a782614-all:/unified/creator/6310dcb0-97e0-46a1-bc86-eb592a782614/activity/":[{"data":[{"id":"01a0c484-3318-75bf-976e-9450aa494248","type":"component.created","target":{"type":"component","id":"XnfgwI3G9CmYKrPAnwUK","preview":"Hairline Compare","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0c483-ac92-76af-938e-e72a39695f5b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T15:09:53.304Z","latestAt":"2026-09-21T15:09:53.304Z"},{"id":"01a0c47c-d8a0-7289-aa82-6a37400405eb","type":"component.created","target":{"type":"component","id":"yylV9y0t5hZdpE0HMFg5","preview":"Photo Trail Cursor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0c47c-5318-739c-9954-70d85f8e0c2f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T15:01:51.392Z","latestAt":"2026-09-21T15:01:51.392Z"},{"id":"01a0c471-37e4-7646-8180-bed73ffcbed7","type":"component.created","target":{"type":"component","id":"ZAvyr5aEsrDv5aI0lNsg","preview":"Hover Index","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0c470-b4ac-74bd-bee7-bd61a33e94bd.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T14:49:09.348Z","latestAt":"2026-09-21T14:49:09.348Z"},{"id":"01a08529-f83a-7668-bd99-d0e4d93a70bc","type":"component.created","target":{"type":"component","id":"jpLTKzT0opxHMaNJdLgl","preview":"Line Balance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a08529-562a-765f-ac8b-a3772ee3700c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-09T07:55:15.386Z","latestAt":"2026-09-09T07:55:15.386Z"},{"id":"01a081cb-7e36-71b9-9774-5799d3dddb6f","type":"component.created","target":{"type":"component","id":"fXs7lIEvo7R5emDeWvHG","preview":"Vertical Type","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a081ca-dd37-7697-bc6c-d589720a5ad5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T16:13:12.118Z","latestAt":"2026-09-08T16:13:12.118Z"},{"id":"01a08104-960e-7656-a152-8c371a173a53","type":"component.created","target":{"type":"component","id":"VWcGMjegIZJ6RWcpm4Iy","preview":"Editorial Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a08103-f626-70bc-9dd3-e7f4c1d2d359.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-08T12:35:56.558Z","latestAt":"2026-09-08T12:35:56.558Z"},{"id":"01a00a6c-5e2e-7138-9e89-08f4ad367d86","type":"plugin.created","target":{"type":"plugin","id":"1481","preview":"Rubi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0618d-52ba-775c-90a7-e86d245cb030.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-16T11:54:29.294Z","latestAt":"2026-08-16T11:54:29.294Z"},{"id":"01a00a2e-9453-735f-9fec-dbbf27acfe32","type":"plugin.created","target":{"type":"plugin","id":"1480","preview":"Waei","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0618c-cc55-779c-a994-df8d7fa6c41d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-16T10:46:59.923Z","latestAt":"2026-08-16T10:46:59.923Z"},{"id":"01a00a04-262b-771c-b702-ee3831f01422","type":"plugin.created","target":{"type":"plugin","id":"1479","preview":"Kumihan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a06189-c201-758a-a3e2-2123a1c6bded.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","avatar":null,"slug":"khz-art","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-16T10:00:39.211Z","latestAt":"2026-08-16T10:00:39.211Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:6310dcb0-97e0-46a1-bc86-eb592a782614:/unified/posts/?creator=6310dcb0-97e0-46a1-bc86-eb592a782614&with=reposts":[{"data":[{"id":"01a0c484-30dc-76ee-9e6e-df3a225cba96","title":null,"body":"

Before / After is out. A compare slider with a hairline divider - drag, click or hover, horizontal or vertical, and it moves with the arrow keys. Labels in any font, readable on light and dark photos. Ships with a graded / ungraded demo pair.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Before / After is out. A compare slider with a hairline divider - drag, click or hover, horizontal or vertical, and it moves with the arrow keys. Labels in any font, readable on light and dark photos. Ships with a graded / ungraded demo pair."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XnfgwI3G9CmYKrPAnwUK","resolved":true,"title":"Hairline Compare","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A compare slider with a hairline divider - for retouching, colour grading, renovation, product and architecture work."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag it, click anywhere to jump, or switch to Hover so the divider follows the pointer. Horizontal or vertical."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard accessible: the slider takes focus and moves with the arrow keys (Shift for bigger steps, Home and End for the edges). Screen readers get a proper slider with its value."}]},{"type":"paragraph","content":[{"type":"text","text":"Start sets where the divider sits on load. The line width and colour, the round handle and its size are all in the panel, and the handle can be hidden for a cleaner look."}]},{"type":"paragraph","content":[{"type":"text","text":"Labels: Before and After text in any font, placed at the edges and readable on light and dark photos."}]},{"type":"paragraph","content":[{"type":"text","text":"Radius for rounded frames. Touch friendly: dragging sideways moves the slider, dragging up and down still scrolls the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with a demo pair (an ungraded and a graded photograph) so it works the moment you drop it in."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, no network. On the canvas it renders at the start position."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Before/after image compare slider","slug":"hairline-compare","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0c483-ac92-76af-938e-e72a39695f5b.png","metadata":{"tint":{"h":180,"s":13,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T15:09:52.133Z","updatedAt":"2026-09-24T12:12:28.962Z","publishedAt":"2026-09-21T15:09:52.128Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/before-after","price":"9","paymentUrl":"https://buy.stripe.com/5kQ28r1063o51uN76uc3m0W","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"YCuE0BgsbLyVPZoHJ4JZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T15:09:52.733Z","updatedAt":"2026-09-21T15:09:52.733Z"},{"id":"01a0c47c-d652-713a-9e90-bd882752dbe2","title":null,"body":"

Image Trail is out. The cursor leaves a trail of photographs - an image is dropped only after the pointer travels a set distance, so a slow hand leaves a slow trail. Tilt, mono, caption, life and spacing in the panel. Ships with eight demo photographs.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Trail is out. The cursor leaves a trail of photographs - an image is dropped only after the pointer travels a set distance, so a slow hand leaves a slow trail. Tilt, mono, caption, life and spacing in the panel. Ships with eight demo photographs."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"yylV9y0t5hZdpE0HMFg5","resolved":true,"title":"Photo Trail Cursor","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The cursor leaves a trail of photographs. Move slowly and the trail is slow; stop and the images fade on their own."}]},{"type":"paragraph","content":[{"type":"text","text":"Image Trail is built for portfolio and editorial pages, where the pictures should do the talking and the effect should stay out of the way."}]},{"type":"paragraph","content":[{"type":"text","text":"Spacing: an image is dropped only after the pointer has travelled a set distance, so the trail follows the hand instead of flooding the screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Life and Max On Screen: how long each image stays and how many can be visible at once. Old images leave on a timer, not every frame, so the page stays light."}]},{"type":"paragraph","content":[{"type":"text","text":"Tilt, Radius and Mono: a small random tilt, rounded corners, or a black-and-white trail for colour work."}]},{"type":"paragraph","content":[{"type":"text","text":"Caption: an optional line of text in the middle, set in any font from the panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Images are preloaded so the first pass never shows an empty frame. On touch screens the page scrolls normally."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with eight demo photographs so it works the moment you drop it in - replace them in the Images list."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, nothing loaded at runtime except your own images. On the canvas and in static exports it renders a still, composed stack."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Image trail cursor effect","slug":"photo-trail-cursor","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0c47c-5318-739c-9954-70d85f8e0c2f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T15:01:50.167Z","updatedAt":"2026-09-24T13:20:21.831Z","publishedAt":"2026-09-21T15:01:50.164Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/KhzImageTrail-7LucPg.js@krMrSkF3k7KUVgEYOej2","previewUrl":"https://drab-flexibility-030161.framer.app/image-trail","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"krMrSkF3k7KUVgEYOej2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T15:01:50.802Z","updatedAt":"2026-09-21T15:01:50.802Z"},{"id":"01a0c471-35b7-70fe-944c-95cf03aebc73","title":null,"body":"

Hover Index is out. The editorial project list: hover a row and its image follows the cursor, easing behind it, while the other rows dim. Rows are real links, keyboard focus shows the image too, and touch screens get a plain list.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Index is out. The editorial project list: hover a row and its image follows the cursor, easing behind it, while the other rows dim. Rows are real links, keyboard focus shows the image too, and touch screens get a plain list."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ZAvyr5aEsrDv5aI0lNsg","resolved":true,"title":"Hover Index","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An editorial project list. Hover a row and its image appears and follows the cursor, easing a little behind it."}]},{"type":"paragraph","content":[{"type":"text","text":"The index layout seen on studio and agency sites: large titles, a quiet meta column and a year, hairline dividers, and the other rows dimming while one is active."}]},{"type":"paragraph","content":[{"type":"text","text":"Rows: title, meta, year, image and link for each project, edited in the panel. Rows are real links and can open in a new tab."}]},{"type":"paragraph","content":[{"type":"text","text":"Follow: how far the image lags behind the cursor. Lower is softer."}]},{"type":"paragraph","content":[{"type":"text","text":"Image size and ratio, row padding, dividers on or off, colours and two fonts - title and meta - with full font controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Keyboard: tabbing to a row shows its image too. On touch screens the list works as a plain list without the floating image."}]},{"type":"paragraph","content":[{"type":"text","text":"Images are preloaded, so the first hover is never empty. Ships with four demo projects and photographs so it works the moment you drop it in."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, no network. On the canvas it renders the list with the first image shown."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio working in editorial and fashion."}]}]},"introduction":"Hover list with image preview","slug":"hover-index","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0c470-b4ac-74bd-bee7-bd61a33e94bd.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T14:49:08.165Z","updatedAt":"2026-09-24T12:14:53.655Z","publishedAt":"2026-09-21T14:49:08.161Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/hover-index","price":"9","paymentUrl":"https://buy.stripe.com/fZu14ncIO8Ipddv3Uic3m0X","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"2Qd7OUMwG5aXlmWxCaVN","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T14:49:08.791Z","updatedAt":"2026-09-21T14:49:08.791Z"},{"id":"01a0a7cf-d6a1-767a-9bf8-a3ee91412171","title":null,"body":"

The place a Japanese page gives itself away fastest is a two-line heading with one character alone on the second line.

In print that is caught by hand every time. On the web nothing catches it, so it ships, and the heading reads slightly broken to a native reader who will never write to tell you why.

Headings are where to look first if you only have five minutes: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The place a Japanese page gives itself away fastest is a two-line heading with one character alone on the second line."}]},{"type":"paragraph","content":[{"type":"text","text":"In print that is caught by hand every time. On the web nothing catches it, so it ships, and the heading reads slightly broken to a native reader who will never write to tell you why."}]},{"type":"paragraph","content":[{"type":"text","text":"Headings are where to look first if you only have five minutes: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T01:23:31.110Z","updatedAt":"2026-09-16T01:23:31.110Z"},{"id":"01a0a32f-4e95-7763-a065-f96ae485ddb3","title":null,"body":"

It is not only Japanese. Simplified and Traditional Chinese have no spaces between words. Neither does Thai. The browser wraps all three wherever the box happens to end.

If you are shipping to those markets from Framer, the layout you approved in English is not the layout your reader sees.

We handle line breaking for Japanese, Chinese and Thai in one pass on the published site: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It is not only Japanese. Simplified and Traditional Chinese have no spaces between words. Neither does Thai. The browser wraps all three wherever the box happens to end."}]},{"type":"paragraph","content":[{"type":"text","text":"If you are shipping to those markets from Framer, the layout you approved in English is not the layout your reader sees."}]},{"type":"paragraph","content":[{"type":"text","text":"We handle line breaking for Japanese, Chinese and Thai in one pass on the published site: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T03:49:41.656Z","updatedAt":"2026-09-15T03:49:41.656Z"},{"id":"01a09d8f-fb65-76ac-b63f-61a42ea19640","title":null,"body":"

A translation plugin moves the words. It does not move the typography.

That distinction is invisible in Latin languages, because the rules are the same on both sides of the swap. In Japanese they are not: the browser has no idea where a phrase ends, so it wraps mid-name and mid-number, and no amount of correct translation fixes it.

So there are two jobs, not one. The second one is written out here, with before and after: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A translation plugin moves the words. It does not move the typography."}]},{"type":"paragraph","content":[{"type":"text","text":"That distinction is invisible in Latin languages, because the rules are the same on both sides of the swap. In Japanese they are not: the browser has no idea where a phrase ends, so it wraps mid-name and mid-number, and no amount of correct translation fixes it."}]},{"type":"paragraph","content":[{"type":"text","text":"So there are two jobs, not one. The second one is written out here, with before and after: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T01:37:34.056Z","updatedAt":"2026-09-14T01:37:34.056Z"},{"id":"01a098ea-ad5e-756f-81f9-79c16525fe96","title":null,"body":"

A question worth asking before you hand the Japanese version of a site to anyone: ask them what they do about line breaking.

If the answer is "the browser handles it", they have not built a Japanese page before. It does not.

We wrote down everything we check, so you can use it as a checklist whether or not you work with us: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A question worth asking before you hand the Japanese version of a site to anyone: ask them what they do about line breaking."}]},{"type":"paragraph","content":[{"type":"text","text":"If the answer is \"the browser handles it\", they have not built a Japanese page before. It does not."}]},{"type":"paragraph","content":[{"type":"text","text":"We wrote down everything we check, so you can use it as a checklist whether or not you work with us: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T03:58:31.777Z","updatedAt":"2026-09-13T03:58:31.777Z"},{"id":"01a093b9-48ef-7482-9c5e-a075a2de5c10","title":null,"body":"

Some Japanese words cannot be read on sight — a family name, a place, a technical term. Print solves it with small characters set above the word. It is called furigana, and Chinese does the same thing with pinyin.

The web has had a tag for it since 2001 and almost no design tool exposes it.

If your Japanese page needs to be read by someone who is not already fluent, this is the piece: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Some Japanese words cannot be read on sight — a family name, a place, a technical term. Print solves it with small characters set above the word. It is called furigana, and Chinese does the same thing with pinyin."}]},{"type":"paragraph","content":[{"type":"text","text":"The web has had a tag for it since 2001 and almost no design tool exposes it."}]},{"type":"paragraph","content":[{"type":"text","text":"If your Japanese page needs to be read by someone who is not already fluent, this is the piece: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-12T03:46:28.724Z","updatedAt":"2026-09-12T03:46:28.724Z"},{"id":"01a08529-f5fd-7209-bb56-5cf19be2b19c","title":null,"body":"

Line Balance is out, free. It fixes the three ways a headline breaks: a single word falling to its own line, lines of wildly different length, and — in Japanese — a line that starts with 、 or ）. Measured over 90 headlines in Chromium: widows 24.4% to 1.1%, line-width SD 109px to 25px. No dependencies, no network, no animation.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Line Balance is out, free. It fixes the three ways a headline breaks: a single word falling to its own line, lines of wildly different length, and — in Japanese — a line that starts with 、 or ）. Measured over 90 headlines in Chromium: widows 24.4% to 1.1%, line-width SD 109px to 25px. No dependencies, no network, no animation."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"jpLTKzT0opxHMaNJdLgl","resolved":true,"title":"Line Balance","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A headline is the first thing people read and the first thing that breaks. The browser drops the last word onto its own line, leaves one line long and the next one short, and in Japanese it starts a line with 、 or ）."}]},{"type":"paragraph","content":[{"type":"text","text":"Line Balance fixes all of that in one component. Type your text, pick a tag, and the line breaks are handled."}]},{"type":"paragraph","content":[{"type":"text","text":"No Widow: the last two words are joined so a single word never falls alone. Measured over 90 headlines in Chromium: 24.4% had a widow, 1.1% after."}]},{"type":"paragraph","content":[{"type":"text","text":"Balanced measure: text-wrap balance evens out the line lengths. Standard deviation of line width fell from 109px to 25px in the same test - the words are untouched, only the folding changes."}]},{"type":"paragraph","content":[{"type":"text","text":"Kinsoku: closing brackets, punctuation, small kana and long vowel marks never start a line; opening brackets never end one; ... and -- are never split. CSS line-break alone still lets these through."}]},{"type":"paragraph","content":[{"type":"text","text":"Auto Phrase folds Japanese at phrase boundaries where the browser supports it. Plus hanging punctuation, a measure limit in ch, and h1/h2/h3/p."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies, nothing loaded from outside your site, no animation - the canvas and the static export show exactly what the page shows."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio that sets type on the web."}]}]},"introduction":"Balanced line breaks, no widows","slug":"line-balance","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a08529-562a-765f-ac8b-a3772ee3700c.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-09T07:55:14.248Z","updatedAt":"2026-09-24T12:17:19.399Z","publishedAt":"2026-09-09T07:55:14.242Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LineBalance-FZFPYv.js@Z63DxWRmy7qHrGUVJIWx","previewUrl":"https://drab-flexibility-030161.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Z63DxWRmy7qHrGUVJIWx","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-09T07:55:14.814Z","updatedAt":"2026-09-09T07:55:14.814Z"},{"id":"01a081cb-7c2c-766e-9fd2-a3fd78ebe823","title":null,"body":"

Vertical Type is out. It sets real Japanese tategaki in Framer — text top to bottom, columns right to left — with ruby written inline as 漢字《かんじ》, digits standing upright inside the line (4時, 2026年), kinsoku line-breaking, and emphasis dots. No dependencies, no network requests. Live preview on the listing.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical Type is out. It sets real Japanese tategaki in Framer — text top to bottom, columns right to left — with ruby written inline as 漢字《かんじ》, digits standing upright inside the line (4時, 2026年), kinsoku line-breaking, and emphasis dots. No dependencies, no network requests. Live preview on the listing."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"fXs7lIEvo7R5emDeWvHG","resolved":true,"title":"Vertical Type","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Japanese is written vertically in books, posters and signage, but the web still sets it sideways. Framer has no vertical text, and CSS writing-mode alone is not enough: numbers lie on their side, ruby lands on the wrong edge, and lines break in front of a small tsu."}]},{"type":"paragraph","content":[{"type":"text","text":"Vertical Type sets real tategaki. Text runs top to bottom, columns run right to left, and the details that make vertical Japanese readable are handled for you."}]},{"type":"paragraph","content":[{"type":"text","text":"Ruby (furigana) written inline as 漢字《かんじ》 or ｜好《す》き, placed on the correct side of the column."}]},{"type":"paragraph","content":[{"type":"text","text":"Tate-chu-yoko: runs of digits stand upright inside the vertical line, so 4時 and 2026年 read as they do in print."}]},{"type":"paragraph","content":[{"type":"text","text":"Kinsoku shori: small kana, closing brackets and punctuation never start a line."}]},{"type":"paragraph","content":[{"type":"text","text":"Emphasis dots (bouten) written as ＊語＊, the Japanese equivalent of italics."}]},{"type":"paragraph","content":[{"type":"text","text":"Optional column-by-column reveal, with duration, stagger and shift as controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Font, colour, line gap, tracking and alignment are ordinary Framer controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies. Nothing is loaded from outside your site. Renders correctly in static export and on the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio that sets Japanese type on the web."}]}]},"introduction":"Vertical Japanese text with ruby","slug":"vertical-type","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a081ca-dd37-7697-bc6c-d589720a5ad5.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-08T16:13:11.038Z","updatedAt":"2026-09-24T12:16:30.850Z","publishedAt":"2026-09-08T16:13:11.036Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/","price":"12","paymentUrl":"https://buy.stripe.com/4gM3cv5gm1fX3CV9eCc3m0U","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"XOOtcVzM9Uc127tZgJFJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T16:13:11.596Z","updatedAt":"2026-09-08T16:13:11.596Z"},{"id":"01a08104-9347-70d9-98b0-13b826a09460","title":null,"body":"

Editorial Reveal is out. It brings text in line by line — and it breaks Japanese and Chinese lines at phrase boundaries instead of wherever the box happens to end. Latin text keeps normal word wrapping. No dependencies, no network requests. Live preview on the listing.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial Reveal is out. It brings text in line by line — and it breaks Japanese and Chinese lines at phrase boundaries instead of wherever the box happens to end. Latin text keeps normal word wrapping. No dependencies, no network requests. Live preview on the listing."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"VWcGMjegIZJ6RWcpm4Iy","resolved":true,"title":"Editorial Reveal","body":"

Most reveal-text components break lines the way English breaks them: at spaces. Japanese and Chinese have no spaces, so the browser breaks wherever the box runs out of room, and a phrase splits in half — 東京都の家賃 / は高すぎる.

Editorial Reveal breaks CJK lines at phrase boundaries instead, then raises each line from below with a soft blur. Latin text is left alone and keeps normal word wrapping.

Phrase-aware line breaking for Japanese and Chinese. No dictionary, no network request.

Line-by-line rise, with duration, delay, stagger, rise distance and blur as controls.

Plays once on enter, or every time the text re-enters the viewport.

Font, colour, alignment and line height are ordinary Framer controls.

Zero dependencies. Nothing is loaded from outside your site.

Built by KHZ ART, a Tokyo studio that sets Japanese type on the web.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most reveal-text components break lines the way English breaks them: at spaces. Japanese and Chinese have no spaces, so the browser breaks wherever the box runs out of room, and a phrase splits in half — 東京都の家賃 / は高すぎる."}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial Reveal breaks CJK lines at phrase boundaries instead, then raises each line from below with a soft blur. Latin text is left alone and keeps normal word wrapping."}]},{"type":"paragraph","content":[{"type":"text","text":"Phrase-aware line breaking for Japanese and Chinese. No dictionary, no network request."}]},{"type":"paragraph","content":[{"type":"text","text":"Line-by-line rise, with duration, delay, stagger, rise distance and blur as controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Plays once on enter, or every time the text re-enters the viewport."}]},{"type":"paragraph","content":[{"type":"text","text":"Font, colour, alignment and line height are ordinary Framer controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies. Nothing is loaded from outside your site."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by KHZ ART, a Tokyo studio that sets Japanese type on the web."}]}]},"introduction":"Text reveal animation, CJK-safe","slug":"editorial-reveal","author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a08103-f626-70bc-9dd3-e7f4c1d2d359.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-08T12:35:55.241Z","updatedAt":"2026-09-24T12:15:41.976Z","publishedAt":"2026-09-08T12:35:55.238Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drab-flexibility-030161.framer.app/editorial-reveal","price":"9","paymentUrl":"https://buy.stripe.com/8x28wP38egaR4GZ62qc3m0T","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"YdKVLDVX4686tZrno3Sr","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-08T12:35:55.848Z","updatedAt":"2026-09-08T12:35:55.848Z"},{"id":"01a07561-953f-7694-b652-23e968395e0d","title":null,"body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Japanese has no spaces between words, so a browser is free to break a line anywhere — including in front of a closing bracket, a comma or a full stop. Japanese typesetting does not allow those characters to start a line."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"We built a page that counts it instead of arguing about it. Paste any Japanese into it and it reads the line boxes your own browser just drew, then reports two numbers: how many lines began with a character that may not begin a line, and how many Latin words were broken mid-word. Drag the column width or the type size and watch the numbers move."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"https://khz-art.com/en/japanese-line-break-test","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://khz-art.com/en/japanese-line-break-test","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If your site needs this fixed, the three plugins behind it are free on the Marketplace — Kumihan (phrase-aware line breaking, ja / zh-hans / zh-hant / th), Rubi (a reading above a word), Waei (the quarter-em of air between Japanese and Latin). In English they do nothing at all."}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-06T06:22:04.610Z","updatedAt":"2026-09-06T06:22:04.610Z"},{"id":"01a0618e-f20c-720d-b7a0-5f827dc61d11","title":null,"body":"

Japanese has no spaces between words, so a browser breaks a line wherever it runs out of room — mid-phrase, mid-name, mid-number. To a native reader, that one break is what makes a beautiful site look unfinished.

We rebuilt the Kumihan page today to show it in real type: browser default above, phrase-aware breaking below. The same for 简体中文, 繁體中文 and ไทย.

Free for headings. $25 once for the whole page.

日本語の改行を、文節で。

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Japanese has no spaces between words, so a browser breaks a line wherever it runs out of room — mid-phrase, mid-name, mid-number. To a native reader, that one break is what makes a beautiful site look unfinished."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"We rebuilt the Kumihan page today to show it in real type: browser default above, phrase-aware breaking below. The same for 简体中文, 繁體中文 and ไทย."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Free for headings. $25 once for the whole page."}]},{"type":"paragraph","content":[{"type":"text","text":"日本語の改行を、文節で。"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0618e-cea5-7501-add5-7a77db70b8b1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T09:59:13.170Z","updatedAt":"2026-09-02T09:59:13.170Z"},{"id":"01a0479c-029e-71de-8cc2-23b282e14954","title":null,"body":"

If you are shipping a multilingual Framer site, the translation is the easy half.

The hard half is what happens to the layout afterwards. German runs long and breaks your buttons. Japanese has no spaces and breaks your line endings. Thai has no spaces either and breaks differently again.

We only solved the CJK side of that, because it is the side nobody else has: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If you are shipping a multilingual Framer site, the translation is the easy half."}]},{"type":"paragraph","content":[{"type":"text","text":"The hard half is what happens to the layout afterwards. German runs long and breaks your buttons. Japanese has no spaces and breaks your line endings. Thai has no spaces either and breaks differently again."}]},{"type":"paragraph","content":[{"type":"text","text":"We only solved the CJK side of that, because it is the side nobody else has: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-28T09:03:21.762Z","updatedAt":"2026-08-28T09:03:21.762Z"},{"id":"01a0478f-683d-7147-87ab-0e05886eff7c","title":null,"body":"

In Japanese typesetting there is a rule that a line may not begin with a closing bracket, a small kana, or a full stop. Print has followed it for a century. The web ignores it.

The result is the thing you cannot unsee once you have seen it: a single punctuation mark alone at the start of a line, or one character stranded on the last line of a paragraph.

If you are building a Japanese page in Framer, this is what to look for first: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"In Japanese typesetting there is a rule that a line may not begin with a closing bracket, a small kana, or a full stop. Print has followed it for a century. The web ignores it."}]},{"type":"paragraph","content":[{"type":"text","text":"The result is the thing you cannot unsee once you have seen it: a single punctuation mark alone at the start of a line, or one character stranded on the last line of a paragraph."}]},{"type":"paragraph","content":[{"type":"text","text":"If you are building a Japanese page in Framer, this is what to look for first: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-28T08:49:35.808Z","updatedAt":"2026-08-28T08:49:35.808Z"},{"id":"01a03860-5838-715c-8d9b-0757c7b64c07","title":null,"body":"

One detail decides whether a Japanese page reads expensive or cheap: the quarter-em of space between Japanese characters and Latin ones.

Type has always put it there. Browsers never have. So a line like 2026年のKHZ ARTの映像 comes out jammed, and readers feel it without being able to name it.

It is a small fix and it changes the whole page. Free plugin, no account: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One detail decides whether a Japanese page reads expensive or cheap: the quarter-em of space between Japanese characters and Latin ones."}]},{"type":"paragraph","content":[{"type":"text","text":"Type has always put it there. Browsers never have. So a line like 2026年のKHZ ARTの映像 comes out jammed, and readers feel it without being able to name it."}]},{"type":"paragraph","content":[{"type":"text","text":"It is a small fix and it changes the whole page. Free plugin, no account: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-25T10:03:53.277Z","updatedAt":"2026-08-25T10:03:53.277Z"},{"id":"01a034c1-5d09-748d-90ec-858e5ccd4d3c","title":null,"body":"

Japanese is the language that breaks quietly. You run a translation plugin, the copy comes back correct, and the page looks fine at a glance — but the browser has split a person's name across two lines, and one lonely character is sitting by itself at the bottom of a paragraph.

Nothing in Framer stops that. Japanese has no spaces, so the line breaks land wherever the box happens to end.

We wrote three small plugins for the things that break after translation: line breaking, the quarter-em of air between Japanese and Latin characters, and readings set above a word. The whole problem is written out here, with before and after: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Japanese is the language that breaks quietly. You run a translation plugin, the copy comes back correct, and the page looks fine at a glance — but the browser has split a person's name across two lines, and one lonely character is sitting by itself at the bottom of a paragraph."}]},{"type":"paragraph","content":[{"type":"text","text":"Nothing in Framer stops that. Japanese has no spaces, so the line breaks land wherever the box happens to end."}]},{"type":"paragraph","content":[{"type":"text","text":"We wrote three small plugins for the things that break after translation: line breaking, the quarter-em of air between Japanese and Latin characters, and readings set above a word. The whole problem is written out here, with before and after: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-24T17:11:22.644Z","updatedAt":"2026-08-24T17:11:22.644Z"},{"id":"01a01a6e-70ee-752a-971d-3e095f962447","title":null,"body":"

Three things a browser will not do with Japanese type.

1. Line breaking. A browser breaks a Japanese line anywhere it likes. Japanese typesetting says a line cannot start with 。or 」and cannot end with 「. Without those rules, the first character of a line is a closing bracket, and every reader sees it.

2. Furigana. The small readings printed above kanji. It is not a font feature. It needs its own markup, and a browser will not add it for you.

3. The space between scripts. Japanese and Latin set side by side need a quarter-em gap. Without it, the words touch — and the page reads as a translation rather than a design.

We built three plugins for these and put every case on one page, before and after, so you can see what actually changes:

https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Three things a browser will not do with Japanese type."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"1. Line breaking. A browser breaks a Japanese line anywhere it likes. Japanese typesetting says a line cannot start with 。or 」and cannot end with 「. Without those rules, the first character of a line is a closing bracket, and every reader sees it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"2. Furigana. The small readings printed above kanji. It is not a font feature. It needs its own markup, and a browser will not add it for you."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"3. The space between scripts. Japanese and Latin set side by side need a quarter-em gap. Without it, the words touch — and the page reads as a translation rather than a design."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"We built three plugins for these and put every case on one page, before and after, so you can see what actually changes:"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T14:30:40.625Z","updatedAt":"2026-08-19T14:30:40.625Z"},{"id":"01a01911-b3d2-70ff-b846-231664f46bef","title":null,"body":"

Japanese breaks lines wherever it likes. A browser will split a person's name in half, or leave one character alone on the last line, and nothing in Framer stops it.

We wrote three plugins for it — Kumihan for line breaking, Rubi for readings above a word, Waei for the quarter-em between Japanese and Latin — and a template that assumes all three are there.

If you are building the Japanese side of a site, the whole problem is written out here: https://khz-art.com/en/framer-japanese

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Japanese breaks lines wherever it likes. A browser will split a person's name in half, or leave one character alone on the last line, and nothing in Framer stops it."}]},{"type":"paragraph","content":[{"type":"text","text":"We wrote three plugins for it — Kumihan for line breaking, Rubi for readings above a word, Waei for the quarter-em between Japanese and Latin — and a template that assumes all three are there."}]},{"type":"paragraph","content":[{"type":"text","text":"If you are building the Japanese side of a site, the whole problem is written out here: https://khz-art.com/en/framer-japanese"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T08:09:45.685Z","updatedAt":"2026-08-19T08:09:45.685Z"},{"id":"01a0130d-a598-7007-b191-7fb9a2bbed38","title":null,"body":"

SUMI — an editorial portfolio template, built around Japanese typesetting.

Japanese has no spaces between words, so a browser breaks a line wherever it likes: mid-name, mid-number, mid-place. Framer has no setting for it, and no way to put a reading above a word. So we wrote the three plugins that fix it, and then built a template that assumes they are there.

Eight static pages, two CMS layouts. One type scale, one motion curve, one accent colour. Nothing on the page moves without a reason, and the work is the only thing that is loud.

In English the template is unchanged — the plugins simply do nothing.

The plugins are free: Kumihan, Rubi, Waei. The template is $79.

https://www.framer.com/marketplace/templates/sumi/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SUMI — an editorial portfolio template, built around Japanese typesetting."}]},{"type":"paragraph","content":[{"type":"text","text":"Japanese has no spaces between words, so a browser breaks a line wherever it likes: mid-name, mid-number, mid-place. Framer has no setting for it, and no way to put a reading above a word. So we wrote the three plugins that fix it, and then built a template that assumes they are there."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight static pages, two CMS layouts. One type scale, one motion curve, one accent colour. Nothing on the page moves without a reason, and the work is the only thing that is loud."}]},{"type":"paragraph","content":[{"type":"text","text":"In English the template is unchanged — the plugins simply do nothing."}]},{"type":"paragraph","content":[{"type":"text","text":"The plugins are free: Kumihan, Rubi, Waei. The template is $79."}]},{"type":"paragraph","content":[{"type":"text","text":"https://www.framer.com/marketplace/templates/sumi/"}]}]},"author":{"framerUserId":"6310dcb0-97e0-46a1-bc86-eb592a782614","name":"KHZ ART","slug":"khz-art","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6310dcb0-97e0-46a1-bc86-eb592a782614/01a0130d-819a-7725-beb1-e1a4979e1cb5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":600,"height":450}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-18T04:07:36.620Z","updatedAt":"2026-08-18T04:07:36.620Z"}],"pagination":{"next":"MDFhMDEzMGQtYTU5OC03MDA3LWIxOTEtN2ZiOWEyYmJlZDM4","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L59"}]