# Site-Speed That Sticks（Harry Roberts（CSS Wizardry））の資料デザイン

> 見出しは小文字の極太、色はピンク1色。Harry Robertsの登壇資料は、Gotham Ultra の小文字をピンクで画面いっぱいに組み、1枚の言葉を14字前後まで削ることで、147枚をテンポよくめくらせている。

- 種類: 登壇資料 / 開発 / 海外
- 判型: 16:9・147ページ / 基調色: ピンク / テイスト: タイポ主体・ミニマル・ポップ
- 書体: Gotham Ultra（見出し・表紙）、New York（補足（Regular Italic））、Operator Mono（コード（Medium））
- 本文サイズ（1920px換算）: 36px / 1枚の文字量 中央値 約14字
- 元資料: https://speakerdeck.com/csswizardry/site-speed-that-sticks
- 解説ページ: https://katapick.com/slides/harry-roberts-talk

## 見どころ
- 文字の89%がピンク1色。表紙は面をピンクで塗り、本文ページは文字を塗って色を反転させる
- 1枚の文字は中央値14字・1行。147枚をめくる速さそのものが、話のリズムになる
- 目次も本文と同じ極太で5行。行間を詰め、番号ごと1つの塊として見せる

## よくある質問
### タイポグラフィ主体の登壇資料の例は？
Harry Robertsの「Site-Speed That Sticks」は、Gotham Ultra の小文字をピンク1色で画面いっぱいに組み、1ページ1行まで言葉を削った資料です。

### どんなフォントを使っている？
見出しは Gotham Ultra、補足にセリフ体の New York Italic、コードに Operator Mono です。文字の9割近くが Gotham Ultra です。

### 何ページある？文字の大きさは？
16:9で147ページです。1920px換算で見出し96px・最大256pxで、1ページの文字数は中央値14字です。

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