Mondrian

A free-form engine that randomly subdivides the Jeongja-sal grid. Generate a new layout with one click, then draw or drag lines to refine it.

Mondrian studio layout — menu tabs on the left with the door settings panel open, canvas in the center, toolbar above the canvas

Like Jeongja-sal, it uses only straight horizontal and vertical slats — but instead of repeating even cells, the space is split into rectangles of different sizes, arranged asymmetrically. A new drawing opens with a random layout already in place, so you can regenerate until you like it, or drag lines to fine-tune it.

How It Differs from Jeongja-sal

MondrianJeongja-sal
Cell layoutRectangles of varying sizes (random division)Even grid of identical cells
Cell countNone — shaped by random generation and line editingSet by vertical cells and horizontal slat count
Drag dividing linesYesNo
Auto-fit frame heightNoYes
Slat length (member list)Differs per slat, shown as "variable"One length based on the grid
Mondrian drawings are saved separately from Jeongja-sal. Drawings made in Jeongja-sal do not appear in the Mondrian drawing list, and vice versa.

Door Tab — Main Parameters

ItemDescription
Hinged · Sliding / panelsHinged 1–2 panels, sliding 1–4, 6 or 8 panels. Frame thickness and clearance are applied automatically to calculate the real panel dimensions.
Frame width / heightWall opening dimensions (width 100–10,000mm, height 400–5,000mm). The outer panel size is calculated with the frame thickness removed.
Left/right stile · top/bottom rail widthOuter frame width (mm)
Slat widthCross-section width of the slats (mm)
Vertical ratio1.0–3.0. The cell width-to-height ratio that random generation uses as its guide. Higher values produce more tall, narrow cells.
Use transom panelAdds a transom panel zone at the top when checked; its height is set separately
Show dimensions / Show door frameChoose whether measured dimensions and the frame outline appear on the canvas

Random Pattern

ButtonFunction
Generate randomDivides the whole inner area at random to make a new pattern. Each click gives a different layout.
◀ / ▶Step back through previous patterns, or forward again, without saving — compare the ones you've just seen.
ResetClears the random pattern and returns to an even grid. Only shown while a random pattern exists, and this too can be undone with ◀.
The ◀ ▶ history is kept only in this browser, temporarily — it's not a save. It won't appear on another device or browser, and starting a new drawing resets it. Save once you find a pattern you like.

Refining Lines

You don't have to keep the random layout as-is — you can adjust it by hand.

ActionHow
Move a dividing lineGrab a slat on the canvas and drag it; it moves only vertically or horizontally. The neighboring cells resize with it, so no gaps or overlaps appear. The new position snaps to the nearest 1mm.
Add a lineIn the toolbar, choose Edit lines ▾ → Add line, then click a start point and an end point. You can start from any point on a slat or the frame, not just intersections, and lines are drawn only vertically or horizontally.
Move a drawn lineLines you drew can be dragged too. Other drawn lines attached to it follow along, and it stays inside the frame. The new position snaps to the nearest 1mm.
Delete a lineIn the toolbar, choose Edit lines ▾ → Delete line, then click the slat to remove. Click it again to restore it.
Reset editsEdit lines ▾ → Reset edits in the toolbar undoes all added and deleted lines and painted panel colors.
Dragging dividing lines works only while Add line, Delete line, Pan and Paint face color modes are all off. If a line won't move, check that no mode is switched on in the toolbar. See Canvas Toolbar for details on each button.

Specs Tab — Production Specification & Member List

Frame width/height, outer and inner width/height, top/bottom rails, transom height and total door width (including overlap for sliding doors) are calculated automatically, as in the other engines. Because cell sizes vary, items that assume an even grid — cell counts, layout lines, half-lap width and stile groove width — are hidden while a random pattern is active. In the member list, horizontal and vertical slat lengths also differ per slat, so they are shown as "variable" rather than a single value. The surface area, weight & volume table below it works the same way as Se-sal (see the Se-sal guide for details) — except that for a random pattern, cells vary in size, so any glass or hanji painted onto a cell is measured using that cell's actual size (its BSP rectangle ratio) instead of a uniform cell size.

Finish Tab

Choosing the wood, hardware and colors per part to colour (frame, stile & rail, slat, face) works the same as Se-sal. Pick Face as the part and you can click cells in the drawing to fill just those cells (Paint face color).

Example Uses

  • Accent partitions for living rooms and cafés
  • Irregular changho for contemporary spaces, such as apartment entry doors
  • Color-block changho combined with Paint face color

Try designing it yourself in the Mondrian studio.

Open the Mondrian engine