A visible modular grid with numbered modules and crop marks; the modules you list fill on each click.

Made as a Kadal Deck premium background, it fills whatever box you give it at its real size, in light and dark, and follows your brand colour (the --deck-accent CSS variable). Settings: cells (modules to fill, one set per click, split by "|": 7 · 3-5, a run · 13:28, a rectangle · ~n hatched · !n in ink. Numbered row by row from 1), cols (columns of modules), rows (rows of modules), gutter (space between modules, in % of the slide's width, 1.25 = 24 px on the stage), margin (the field's margin on every side, in % of the slide's width, 5 = 96 px), numbers (print each module's number in its corner), rule (weight of the crop and registration marks, in px) and accent (the fill colour; empty uses the theme's accent).

What you get: a web component, one script with no framework, for a plain page, Webflow, WordPress or Framer, drawing behind your own content. A React component that also renders in Remotion. Stills at 2560 x 1440 in light and dark, and transparent ones to lay over a photo. A demo page to try the settings and print a PDF, and a README with a recipe for each.

In Kadal Deck, buying it unlocks Swiss Grid in every workspace you belong to (as background pro/swiss-grid). Pro, Team and Lifetime plans include every premium background already.