Talk
Japan16:9 · 26p
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
株式会社LayerXの登壇資料 — 資料デザインの参考
Editor's note — 編集部の視点
問いに1枚、答えに1枚を丸ごと使う。
LayerXの登壇資料は、黒地に白文字と細罫だけの本文で温度を下げておき、青紫の立体グラフィックを見せ場のページにだけ出して、話の山場をはっきり作っている。
表紙の下でうねってた青い立体と同じ質感が、Answerで吹き出しになって画面いっぱいに広がる！冒頭に映った小道具が終盤で効いてくる映画みたい。この回収、鳥肌！
- 1本文は1920px換算で36px、1枚の文字は中央値108字。後ろの席でも一息で読める量に絞る
- 2問いのページと答えのページを分ける。めくった瞬間、会場の視線が一点に集まる
- 3強調はピル形のグラデーションとオレンジの文字だけ。黒地の中で結論の場所を迷わせない
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上32 右272 下298 左54
- 1枚の文字量
- 中央値 約108字
- 多いページ
- 約180字
- 写真・画像の面積
- 約12%
公開PDFの26ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上32・下193・左53・右166px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 20.2:1
Typography
書体と文字サイズ（実測）
見出し・本文
- 使用
- Noto Sans JP系ゴシック（推定）
- 代替
- Noto Sans JP
英字ラベル
- 使用
- グロテスク系サンセリフ・太字（推定）
- 代替
- Inter
PDFに埋め込まれた書体: font0000000030483da5（100%）
- 表紙・中扉の大見出し資料の型 Aa100px · PPT 50pt
- ページ見出し資料の型 Aa48px · PPT 24pt
- 本文資料の型 Aa36px · PPT 18pt
- 注釈・出典資料の型 Aa28px · PPT 14pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
左上から大見出しを2行、その下に氏名と英字名をグラデーションの帯ラベルで添える。下半分は青いうねりの立体を横いっぱいに敷き、文字と絵を上下で分ける。
本文
見出しと白い細罫の定型ヘッダーの下に、用語をマゼンタからオレンジのピル形ラベルにして縦に2つ並べる。右に1行ずつ説明を添え、定義の対比だけで1枚にする。
メッセージ
左上に青い英字のラベル、左下に問いを2行だけ置く。右端には大きな青い立体の疑問符を裁ち落としで配置し、答えの前に間をつくる。
メッセージ
画面全体を青紫の立体の吹き出しで覆い、中央に答えを白で1行だけ置く。前ページの問いと対になる構図で、ヘッダーもロゴも外している。
本文
生成物のサムネイルを5列2段の格子で並べ、下に所感を2行だけ書く。細部は読ませず、並んだ全体の雰囲気で違和感を伝える見せ方。
図解
工程を5つのピルと矢印で横一列に並べ、その下に結論を1文。最後に濃灰の囲みへ数値の根拠を中央揃えでまとめ、主張と裏付けを上下に分ける。
Reproduce
この型で資料を作るには
- 01地は#000000の黒一色。面を分けるときは#212121の濃灰だけを使う
- 02本文は1920px換算で36px、見出しは48px。1枚の文字は中央値108字・5行前後
- 03見出しは左上に固定し、下に白い細罫を1本。ロゴは右上
- 04強調はグラデーションのピルか、オレンジの文字色の2種類に限る
- 05立体グラフィックは表紙と問い・答えの見せ場に絞る
- 06黒地・白文字・細罫の定型ヘッダーを先にテンプレート化する
- 07問いと答えを別ページに分け、答えのページは1行だけにする
- 08強調用のピル形ラベルを1種類つくり、全ページで使い回す
- 09青紫の立体素材を1系統だけ用意し、見せ場のページに限って使う
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用するについてよくある質問
LayerXの登壇資料のデザインの特徴は？
黒地に白文字と細罫だけの本文ページを基本にし、問いと答えのページだけ青紫の立体グラフィックで大きく見せる構成です。強調はグラデーションのピル形ラベルとオレンジの文字色に絞っています。
どんなフォントを使っている？
埋め込み書体名は取得できませんでした。画像からはNoto Sans JP系のゴシック体と、英字ラベルに太いサンセリフが使われていると推定できます。
何ページある？文字の大きさは？
16:9で26ページです。1920px換算で本文36px・見出し48px・最大100pxで、1ページの文字数は中央値108字です。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
