Talk
Overseas / GB16:9 · 118p
In And Out Of Style
Jeremy Keith（Clearleft）の登壇資料 — 資料デザインの参考
Editor's note — 編集部の視点
黒い画面に、記号がひとつだけ。
Jeremy Keithの登壇資料は、1枚10字前後まで言葉を削り、黒地の記号や全面写真、古い画面のキャプチャを話の合いの手として並べることで、118枚をほぼ語りだけで進めている。
Gilroy の太字、表紙で2行使ったきり、ほとんど出てこない。書体をしまっておける度胸がすごい。黒地に記号1つのページの余白、ちょうどいい静けさ。
- 11枚の文字は中央値10字・1行。スライドは合いの手で、主役は話し手の声にある
- 2黒地の中央に記号を1つだけ置くページを挟む。話の間を、画面の空白でつくる
- 3道具や時計は写真を全面に1枚、文字を重ねない。比喩を言葉でなく物で見せる
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上106 右91 下136 左51
- 1枚の文字量
- 中央値 約10字
- 多いページ
- 約63字
- 写真・画像の面積
- 約0%
公開PDFの118ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上26・下52・左32・右49px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 20.9:1
Typography
書体と文字サイズ（実測）
題・見出し（Extrabold / Bold / Black）
- 使用
- Gilroy
- 代替
- Outfit
コード
- 使用
- Monaco
- 代替
- JetBrains Mono
コード
- 使用
- Menlo
- 代替
- JetBrains Mono
PDFに埋め込まれた書体: Gilroy-Extrabold（40%）、Monaco（30%）、Menlo-Regular（23%）、HelveticaNeue-Bold（4%）
- 表紙・中扉の大見出し資料の型 Aa250px · PPT 125pt
- ページ見出し資料の型 Aa35px · PPT 18pt
- 本文資料の型 Aa26px · PPT 13pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
青の全面に、左寄せで白の太字の題を2行だけ置く。右上に所属のロゴを小さく添え、名前も日付も入れない。題を大きく組み、画面の左半分を埋める。
写真
古い通信機の写真を、木の机ごと全面に1枚置く。文字は重ねない。机の暖かい色が、黒いページの続く資料の中で目を休ませる。話の中の道具を、物の姿で見せる。
メッセージ
黒の全面の中央に、白の記号を1つだけ置く。前後の写真のページとの落差で、話の区切りをつくる。記号は大きく、周りは黒のまま空けておく。
写真
壁の時計を大きく切り取った写真を全面に置く。赤茶の壁の色が、黒いページの続く中に温度を足す。文字盤が画面の大半を占め、時間の話だと一目で分かる。
写真
灰色の地に、初期のウェブブラウザの画面をそのまま大きく置く。当時の画面を加工せずに見せる。メニューの並ぶ小さな窓も残し、道具の姿ごと伝える。
図解
画像編集ソフトの画面の中、透明の地の上にセリフ体の一文を置く。文字が画像として扱われている状態を、道具の画面ごと見せる。
Reproduce
この型で資料を作るには
- 011枚の文字は中央値10字、1行まで
- 02青（#1d6b9b）は表紙だけ。本文ページは黒地に白
- 03見出しは Gilroy の太字。最大250px（1920px換算）
- 04写真とキャプチャは全面か中央に大きく1枚。文字を重ねない
- 05記号1つだけの黒いページで、話の間をつくる
- 06スライドに書く言葉を1行までに削り、説明は話すほうに回す
- 07比喩になる物の写真を全面に1枚ずつ用意する
- 08黒地に記号1つだけのページを、話の区切りに挟む
- 09表紙だけ色の面にして、本文ページは黒と白で通す
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
In And Out Of Styleについてよくある質問
文字の少ない登壇資料の参考は？
Jeremy Keithの「In And Out Of Style」は、1ページの文字数が中央値10字です。黒地の記号や全面写真、古い画面のキャプチャを話の合いの手として並べています。
どんなフォントを使っている？
題と見出しは Gilroy（Extrabold・Bold・Black）、コードは Monaco と Menlo です。
何ページある？
16:9で118ページです。1920px換算で最大250pxの文字を使う一方、多くのページは1行か写真だけです。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
