Hiring Deck日本Japan16:9 · 59p

Goodpatch Tour💙 / We are hiring!

株式会社グッドパッチの採用資料 — 資料デザインの参考

元の資料を見るspeakerdeck.com
株式会社グッドパッチ「Goodpatch Tour💙 / We are hiring!」の1ページ目(表紙)
表紙
01 / 06
出典: 株式会社グッドパッチ「Goodpatch Tour💙 / We are hiring!」(speakerdeck.com)。解説のために一部のページ(6枚)を縮小して引用しています。全ページは元の資料でご覧ください。

Editor's note — 編集部の視点

採用資料なのに、本文まで明朝で組んでいる。

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

LunaType & Whitespace
明朝の本文を中央揃え。普通なら読みにくいからやめとけ、って言う。でも代表メッセージだけに絞って手紙の顔にしてるから成立してる。英訳のイタリックも小さく控えめで、……いいね!!
  • 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

ページの型

  1. 出典: 株式会社グッドパッチ「Goodpatch Tour💙 / We are hiring!」p.1

    表紙

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

  2. 出典: 株式会社グッドパッチ「Goodpatch Tour💙 / We are hiring!」p.2

    目次

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

  3. 出典: 株式会社グッドパッチ「Goodpatch Tour💙 / We are hiring!」p.4

    メッセージ

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

  4. 出典: 株式会社グッドパッチ「Goodpatch Tour💙 / We are hiring!」p.7

    図解

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

  5. 出典: 株式会社グッドパッチ「Goodpatch Tour💙 / We are hiring!」p.8

    メッセージ

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

  6. 出典: 株式会社グッドパッチ「Goodpatch Tour💙 / We are hiring!」p.11

    図解

    縦長の帯を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営業日以内に対応します。取り下げ・修正を依頼する