Grid

• 12-column gridcolumn gridstyle: layout-grid-column-grid00112-column gridDesign · UI/UXThe page is divided into 12 columns, and every element spans a whole number of them.
• modular gridcolumns and rowsstyle: layout-grid-modular002Modular gridDesign · UI/UXColumns and rows divide the page into modules that hold the elements.
• bento gridtile layoutstyle: layout-grid-bento003Bento gridDesign · UI/UXRounded tiles of different sizes are packed together like a bento box.
• broken gridoverlapping elementsstyle: layout-grid-broken004Broken gridDesign · UI/UXElements start from a grid but deliberately break out of it and overlap.
• no gridfreeform layoutstyle: layout-grid-no-grid005No gridDesign · UI/UXElements are placed freely, without shared alignment lines.