Hiring DeckJapan16:9 · 59p
Goodpatch Tour💙 / We are hiring!
株式会社グッドパッチの採用資料 — 資料デザインの参考

Editor's note — 編集部の視点
採用資料なのに、本文まで明朝で組んでいる。
株式会社グッドパッチの採用資料は、源ノ明朝とセリフ体の英字を主役に、コバルトブルーの面と広い余白を合わせ、雑誌の特集を読むように会社を知ってもらう作りになっている。

明朝の本文を中央揃え。普通なら読みにくいからやめとけ、って言う。でも代表メッセージだけに絞って手紙の顔にしてるから成立してる。英訳のイタリックも小さく控えめで、……いいね!!
- 1書体の7割超が源ノ明朝。ゴシックが定番の採用資料で、読み物としての格を先に出す
- 2目次は左に英字の大見出し、右に章番号と小見出し。旅程表のように先の道のりを見せる
- 3価値観は5色の縦帯を並べて1枚に。白・青・ピンク・朱・墨の配色がそのまま目次になる
Measured
判型・余白・文字量(実測)
- 余白(1920px換算)
- 上197 右119 下123 左85
- 1枚の文字量
- 中央値 約203字
- 多いページ
- 約522字
- 写真・画像の面積
- 約0%
公開PDFの59ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です(ページ番号などの小さな文字は端から 上95・下83・左17・右31px)。
Color
配色
実測の面積比(代表ページ)
本文の文字色と背景のコントラスト: 18.8:1
Typography
書体と文字サイズ(実測)
和文の見出し・本文
- 使用
- 源ノ明朝(Source Han Serif JP)
- 代替
- Noto Serif JP
欧文の大見出し
- 使用
- Tiempos Headline
- 代替
- Source Serif 4
欧文の小さなラベル
- 使用
- Maison Neue
- 代替
- Inter
補助のゴシック
- 使用
- 游ゴシック(Yu Gothic Medium)
- 代替
- Zen Kaku Gothic New
PDFに埋め込まれた書体: SourceHanSerifJP-Regular(47%)、SourceHanSerif-Bold(17%)、SourceHanSerifJP-Bold(10%)、YuGo-Medium(8%)
- 表紙・中扉の大見出し資料の型 Aa90px · PPT 45pt
- ページ見出し資料の型 Aa35px · PPT 18pt
- 本文資料の型 Aa24px · PPT 12pt
- 注釈・出典資料の型 Aa20px · PPT 10pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型

表紙
青の全面に、右半分へ等角投影の街のイラストを青の濃淡で沈める。左にロゴ、セリフ体の英字タイトル、日付。タイトルの末尾に朱の小さな印を一つだけ置く。

目次
左に青いセリフ体の大見出しと短い添え書き、右に章番号・章名・小見出しを4段で並べる。ページの右半分を目次に使い、段の間の余白で章を区切る。

メッセージ
左半分に代表の写真を天地いっぱいに置き、右半分の灰色地に大きな引用符で挟んだ見出しと本文、手書きの署名。本文は中央揃えの明朝で、手紙のように読ませる。

図解
左半分を青の面にして白い明朝の見出しと本文。右半分は白地に円を縦に3つつなげ、いちばん下の円だけ朱色にして同心円で広げ、中心となる考えを示す。

メッセージ
上下に2分割し、上は青地に白、下は灰色地に青。それぞれ小さな英字ラベル、明朝の大見出し、英訳のイタリックを中央揃えで積む。

図解
縦長の帯を5本並べ、白・青・ピンク・朱・墨で塗り分ける。各帯の中央に明朝の短い見出しを1つずつ置き、色を項目の目印にする。
Reproduce
この型で資料を作るには
- 01和文は源ノ明朝が基本。ゴシックは補助の小さな文字だけ
- 02色は青(#066dc9)が主役。ピンクと朱は図解の一部だけ
- 03上の余白は1920px換算で約200px。見出しを低めに置き、ページ上部を空ける
- 04本文は24px、見出しは35px。中扉の見出しだけ大きくする
- 05英字の見出しはセリフ体、ラベルはサンセリフの小さな文字で分ける
- 06和文を明朝で統一し、欧文もセリフ体に合わせる
- 07青の面と白地を左右や上下で分割して切り替える
- 08見出しは英字ラベル・明朝の見出し・英訳の3点で組む
- 09上に広い余白を取り、見出しを下げて置く
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ(PowerPoint / Google スライドの pt 換算つき)・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料(HTMLスライド)の実装方針 / 盗用を避ける差し替えリスト(Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json)
Goodpatch Tour💙 / We are hiring!についてよくある質問
グッドパッチの採用資料のデザインの特徴は?
源ノ明朝とセリフ体の英字を主役にした、雑誌のような組み方です。コバルトブルーの面と白地を分割して切り替え、上の余白は1920px換算で約200pxと広めです。
どんなフォントを使っている?
源ノ明朝(Source Han Serif JP)が7割超で、欧文の見出しにTiempos Headline、ラベルにMaison Neue、補助に游ゴシックを使っています。
何ページある?
全59ページ、16:9の横長です。本文は1920px換算で24pxです。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する



