# Be the browser’s mentor, not its micromanager（Andy Bell（Set Studio））の資料デザイン

> 青と白を、地と文字で入れ替えるだけ。Andy Bellの登壇資料は、ウルトラマリンと薄い灰の2色を反転させながら Inter の太字を左上に置き、コードや画面はウィンドウごと中央に載せることで、102枚を1つの規律で通している。

- 種類: 登壇資料 / 開発 / 海外
- 判型: 16:9・102ページ / 基調色: ブルー / テイスト: ミニマル・信頼感・タイポ主体
- 書体: Inter（見出し・本文（ExtraBold / Bold / SemiBold / Medium））、Operator Mono（コード（Medium））
- 本文サイズ（1920px換算）: 27px / 1枚の文字量 中央値 約0字
- 元資料: https://noti.st/hankchizljaw/Xzbhzb/be-the-browsers-mentor-not-its-micromanager
- 解説ページ: https://katapick.com/slides/andy-bell-talk

## 見どころ
- 青地に白文字、灰地に青文字。2色の反転だけで、話の切り替わりを知らせる
- 見出しは左上に Inter の太字で1行、132px（1920px換算）。残りの画面は空けておく
- コードは白いウィンドウに入れ、左上に3つの点。画面の中の画面として見せる

## よくある質問
### 1色で統一した登壇資料のデザイン例は？
Andy Bellの「Be the browser’s mentor, not its micromanager」は、ウルトラマリンと薄い灰の2色を地と文字で入れ替えながら、見出しを Inter の太字で左上に置いて統一しています。

### どんなフォントを使っている？
見出しと本文は Inter（ExtraBold・Bold・SemiBold・Medium）、コードは Operator Mono です。

### 何ページある？
16:9で102ページです。1920px換算で見出しは132px前後、本文27pxです。

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