グリッド

• 12-column gridcolumn gridstyle: layout-grid-column-grid00112カラムグリッドデザイン · UI/UX画面を12本の列に分け、要素の幅を列の数で決める。
• modular gridcolumns and rowsstyle: layout-grid-modular002モジュラーグリッドデザイン · UI/UX列と行の両方で区切ったマス目に、要素を当てはめる。
• bento gridtile layoutstyle: layout-grid-bento003ベントーグリッドデザイン · UI/UX大きさの違う角丸のタイルを、すき間なく詰めて並べる。
• broken gridoverlapping elementsstyle: layout-grid-broken004ブロークングリッドデザイン · UI/UXグリッドを基にしつつ、要素を意図的にずらして重ねる。
• no gridfreeform layoutstyle: layout-grid-no-grid005グリッドなしデザイン · UI/UX共通の線にそろえず、要素を自由に置く。