Grid
Systems

紙面を縦のカラムと横のフィールドで分割し、その交点が生む 「モジュール」を基本単位とする。要素はモジュールに従って配置され、 異なるページの間にも一貫した秩序が生まれる。

Webでは display: grid がこれをそのまま引き受ける。 12カラムは2・3・4・6で割り切れ、印刷の段組と同じ柔軟さを持つ。 このサイトは 1180px のコンテンツ幅・12カラム・ 24px のガターで構成している。

すべての文字は、見えない水平線の上に揃って立つ。 行送りの倍数を一つの単位とし、見出しも本文も画像も、 その垂直リズムに吸着させる。

このページの基本単位は 8px、本文の行送りは 28px。マージンも余白もすべてこの倍数だ。 右の「ベースライン」を点灯すると、文字がリズムに乗っているのが見える。

カラム幅・段間・マージンは、思いつきでなく一貫した比率で決める。 数の関係が、紙面に見えない緊張と安定を与える。

グリッドはタイポグラフィに奉仕する。サンセリフ、左揃え・ラギッドライト、 限られた級数。文字組みそのものが構造を語る。