# Painting With the Web（Matthias Ott）の資料デザイン

> 表紙の題が、色をずらして重なる。Matthias Ottの登壇資料は、黒地に NaN Tresor の極太を画面の端まで大きく組み、版ずれのような表紙や絵の具の垂れる章扉で、ウェブを画材として見せる話を文字の大きさで語っている。

- 種類: 登壇資料 / デザイン / 海外
- 判型: 16:9・119ページ / 基調色: ブラック / テイスト: タイポ主体・ダーク・エディトリアル
- 書体: NaN Tresor（見出し・表紙（L Bold / L Semibold / S Regular））、NaN Tragedy Text（本文（Regular））、Input Mono（コード・URL（Regular / Condensed））
- 本文サイズ（1920px換算）: 34px / 1枚の文字量 中央値 約27字
- 元資料: https://noti.st/matthiasott/ZXgFeg/painting-with-the-web
- 解説ページ: https://katapick.com/slides/matthias-ott-talk

## 見どころ
- 見出しは最大427px（1920px換算）。画面の端に届くほど大きく組み、文字を絵として扱う
- 表紙は青・赤・灰の版をずらして題を重ねる。刷りずれのような揺れが、手仕事の話を予告する
- 資料や作例は黒地の中央に画面ごと置き、下に等幅体でURLを添える。出典まで型にしている

## よくある質問
### 大胆なタイポグラフィの登壇資料の例は？
Matthias Ottの「Painting With the Web」は、黒地に NaN Tresor の極太を最大427px（1920px換算）で組み、表紙では色違いの題をずらして重ねています。

### どんなフォントを使っている？
見出しは NaN Tresor、本文は NaN Tragedy Text、コードとURLは Input Mono です。

### 何ページある？
16:9で119ページです。1ページの文字数は中央値27字で、画面キャプチャのページも多く挟まります。

実測値・ページの型・AI生成プロンプトを含むデザイン分析MDは https://katapick.com/slides/matthias-ott-talk からダウンロードできます（無料で3件まで）。