{"slug":"layout-grid-modular","title":{"ja":"モジュラーグリッド","en":"Modular grid"},"summary":{"ja":"列と行の両方で区切ったマス目に、要素を当てはめる。","en":"Columns and rows divide the page into modules that hold the elements."},"categories":["design","uiux"],"subAspects":["layout.grid"],"aspects":["layout"],"tags":["modular"],"keywords":["modular grid","columns and rows","grid modules","systematic layout"],"traits":{"en":["The page is divided by both columns and rows into equal modules","Each element fills one module or a rectangle of several modules","Gutters are the same horizontally and vertically"],"ja":["列と行の両方で、ページを同じ大きさのマス（モジュール）に分ける","要素は1マスか、いくつかのマスでできた長方形を占める","溝の幅は、縦と横で同じ"]},"prompt":"Modular grid layout: divide the page by columns and rows into equal modules, and let each element fill one module or a rectangle of modules, with equal gutters in both directions.","negativePrompt":"freeform layout, column-only grid, irregular gaps","contrasts":[],"images":[],"references":[],"links":{"page":{"ja":"https://visual-gallery.asami.tokyo/ja/styles/layout-grid-modular","en":"https://visual-gallery.asami.tokyo/en/styles/layout-grid-modular"},"json":"https://visual-gallery.asami.tokyo/api/v1/styles/layout-grid-modular","markdown":"https://visual-gallery.asami.tokyo/api/v1/styles/layout-grid-modular/md"}}