# The Cost Of JavaScript in 2023（Addy Osmani (Google)）の資料デザイン

> 見出しは極太のコンデンス体、写真は切り抜き。Addy Osmani（Google）の登壇資料「The Cost Of JavaScript in 2023」は、Futuraの極太の大文字と切り抜き写真で、性能の話を広告のように押し切る。

- 種類: 登壇資料 / 開発 / 海外
- 判型: 16:9・101ページ / 基調色: ブラック / テイスト: タイポ主体・写真主体・ダーク
- 書体: Futura Condensed ExtraBold（見出し（大文字））、Helvetica（補足・説明（Light / Regular））、Google Sans（端末のページの見出し・説明）
- 本文サイズ（1920px換算）: 30px / 1枚の文字量 中央値 約0字
- 元資料: https://speakerdeck.com/addyosmani/the-cost-of-javascript-in-2023
- 解説ページ: https://katapick.com/slides/addy-osmani-talk

## 見どころ
- 見出しはFutura Condensed ExtraBoldの大文字。1920px換算で最大214px、幅を埋める
- 財布や端末は背景を抜いた写真で置く。白地にそのまま載り、物の話がすぐ伝わる
- 黒地の一覧は、今の項目だけ黄色、ほかは灰色。何の話をしているかを色の差で示す

## よくある質問
### The Cost Of JavaScriptのスライドのデザインの特徴は？
Futura Condensed ExtraBoldの極太の大文字を見出しに使い、背景を抜いた物の写真と組み合わせています。地は白と黒が基本で、強調は黄色1色に絞っています。

### どんなフォントを使っている？
見出しはFutura Condensed ExtraBold、補足はHelvetica（Light・Regular）、一部のページはGoogle Sansです。1920px換算で本文30px、見出しは最大214pxです。

### 何ページある？
16:9で101ページです。多くのページが画像と短い見出しで構成され、画像の面積は平均で9割を超えます。

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