# Breaking with Habits（Manuel Matuzović）の資料デザイン

> 表紙は白地に黒の大文字3行、飾りはなし。Manuel Matuzovićの登壇資料「Breaking with Habits」は、Pangeaの大文字とFira Codeだけで104ページを進め、CSSの話をコードと表示結果の対比で見せる。

- 種類: 登壇資料 / 開発 / 海外
- 判型: 16:9・104ページ / 基調色: ホワイト / テイスト: ミニマル・タイポ主体・スタイリッシュ
- 書体: Pangea（見出し・名前（Medium / Regular / Bold））、Fira Code（コード）
- 本文サイズ（1920px換算）: 36px / 1枚の文字量 中央値 約68字
- 元資料: https://noti.st/matuzo/XfWwBB/breaking-with-habits
- 解説ページ: https://katapick.com/slides/manuel-matuzovic-talk

## 見どころ
- 表紙は1920px換算で200pxの大文字を左寄せで3行。名前と日付は左下に小さく置くだけ
- 上半分に暗い地のコード、下半分に白地の表示結果。書いたものと見え方を1枚で対応させる
- 紹介するサイトには、左下に橙のラベルでURLを添える。画面と行き先を同時に渡す

## よくある質問
### Breaking with Habitsのスライドのデザインの特徴は？
白地に黒の太い大文字の見出しと、暗い紺の面に色分けしたコードだけで組んでいます。コードとその表示結果を上下に並べ、書いたものと見え方を1枚で対応させています。

### どんなフォントを使っている？
見出しはPangea（Medium・Regular・Bold）、コードはFira Codeです。文字量の約8割がFira Codeで、1920px換算で本文36px、表紙の見出しは200pxです。

### 何ページある？
16:9で104ページです。1ページの文字数は中央値68字です。

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