5 部門それぞれで異なるヒーローを設計する

なぜ部門別に hero を変えるか

5 部門があるのに、記事ヒーローのレイアウトが全部同じ、という雑誌は 書き手の個性が見えなくなる。少なくとも私はそう感じる。

技術記事と随筆を同じテンプレで読むと、読み手の脳内モードが切り替わらない。だから記事ヒーローだけは部門別に作り分けた。本文（reader-prose）は共通でいい。ヒーローが「どの声で書かれた記事か」を予告する役割を持つ。

5 種類の hero を作った:

| 部門 | レイアウト | 特徴 |
|---|---|---|
| Engineering | 12-col, mono メタライン + 巨大 ID | 観測誌寄り、データ感 |
| Design | 中央寄せ、余白多め | エディトリアル誌寄り |
| AI | 2-col with logbook サイドカー | 機械的整列 + 観測ノート |
| Process | 日付スタンプ箱 + タイトル | ジャーナル / 日誌寄り |
| Essay | Fraunces italic 連番 + 静かなタイトル | 文芸誌寄り |

Engineering — 12-col grid + mono メタ

Engineering の hero は 観測機器のダッシュボード をイメージした。

mono の 1 行に部門 / 記事 ID / 読了 / 字数 / view を並べる。等幅で並べると 観測中の誌面 に見える。タイトルは 56-72px の display で 2 行までに収める。

Design — 中央寄せ、余白多め

Design 記事は 誌面そのものを楽しむ部門 なので、hero に余白を持たせる。

中央寄せにすると視線がページ全体に散らない。「読み物としての設計」を予告する。

AI — 2-col with logbook…