[SYS · 05] Standing system · filed
French Pattern / ledger / mosaic — show exactly how the pattern lays into a real room. PDF export.
A canvas-based pattern renderer that shows French Pattern, ledger, herringbone, and mosaic layouts to scale. The customer inputs room dimensions, selects grout width, and sees exactly how the pattern tiles. PDF export for contractor handoff.
4 stages from first touch to closed loop. The system runs this path autonomously; the operator only sees the result at the end.
attern lay dramatically affects material quantity and visual outcome. A customer choosing between French Pattern and straight-lay on the same tile is making a fundamentally different purchase. Showing the actual pattern at scale — not a lifestyle photo — reduces returns and increases confidence for large orders.
The stack is on the bench, the wiring is documented, and the instance you ship with is yours to extend after handover.
HTML5 Canvas renderer in a Hydrogen island component. Pattern data (piece sizes, layout rules) stored in product metafields. PDF generation via jsPDF on the client — no server-side rendering required. Grout width modifies pattern tile spacing in real time.
DELIVERED WITH
Full source · architecture diagram · workflow exports · runbooks · the keys to every credential the system uses.
Every engagement starts with a paid discovery. We map your case against the rack and tell you which systems fit, which get adapted, and what is genuinely new.