本文へ移動
Visual Gallery

12カラムグリッド

12-column grid

画面を12本の列に分け、要素の幅を列の数で決める。

視覚的特徴

  • 本文の領域を、同じ幅の12列と一定の溝(ガター)に分ける
  • どの要素も、列の端から始まり列の端で終わる
  • よく使う幅は、12列・7列+5列・4列+4列+4列

AI向けデータ

プロンプト

12-column grid layout: divide the content area into 12 equal columns with fixed gutters, and make every element start and end on a column edge, using spans such as 12, 7 + 5 and 4 + 4 + 4.

ネガティブプロンプト

freeform placement, elements ignoring columns, inconsistent gutters