# Designing APIs: How to ensure accessibility in design system components（Feli Bernutz）の資料デザイン

> 黒地に紙吹雪、中身はきっちり図解。Feli Bernutzの登壇資料は、表紙の青とピンクの図形で明るく入り、本文は紺の面に部品の構造を点線で描く組み方へ切り替えることで、アクセシビリティの話を軽やかに運んでいる。

- 種類: 登壇資料 / 開発 / 海外
- 判型: 16:9・69ページ / 基調色: ブラック / テイスト: ダーク・ポップ・図解が強い・イラスト
- 書体: Spotify Mix（見出し・本文（Bold / Regular / Light / Thin Italic））、Menlo（コード）、手書き風の筆記体（推定）（中扉の対比する語）
- 本文サイズ（1920px換算）: 36px / 1枚の文字量 中央値 約61字
- 元資料: https://speakerdeck.com/fbernutz/designing-apis-how-to-ensure-accessibility-in-design-system-components
- 解説ページ: https://katapick.com/slides/feli-bernutz-talk

## 見どころ
- 表紙は斜めの棒と丸と三角だけ。図形の色で、暗い地でも入口を明るくする
- 部品の構造図は紺の面に点線の枠で描き、名前は細い線で外へ引き出す。図を文字で汚さない
- 本文は1920px換算で36px、最大114px。1枚の文字は中央値61字に抑えている

## よくある質問
### ダークテーマの登壇資料で参考になるデザインは？
Feli Bernutzの「Designing APIs」は、暗い灰と紺を地にして、表紙だけ青とピンクの図形を散らしています。本文は点線の枠と引き出し線の構造図で組んでいます。

### どんなフォントを使っている？
見出しと本文は Spotify Mix の Bold・Regular・Light・Thin Italic、コードは Menlo です。本文は1920px換算で36px前後です。

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

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