Generate grids for your exact size, format, and units — then export them instantly as SVG.
Long before modern UI systems and responsive frameworks existed, artists, architects, typographers, and book designers were already searching for visual balance through geometry. From Renaissance painting to Swiss editorial systems, grids became a quiet structure beneath the surface — a way to create rhythm, hierarchy, and harmony without making the system itself visible.
The Golden Ratio, Rule of Thirds, and Canon-based compositions were never meant to be rigid formulas. They were tools for perception — frameworks that helped the eye move naturally through space. Even today, many interfaces, posters, magazines, and brand systems still rely on these invisible proportions, whether consciously or intuitively.
This generator lets you quickly build scalable composition grids for different formats and aspect ratios, then export them as SVG overlays for Figma, Illustrator, Webflow, InDesign, or motion design workflows. Useful for brainstorming, layout exploration, art direction, editorial systems, packaging, and brand identity experiments.
Because structure matters — even when nobody notices it consciously.