Hiring Deck
Japan16:9 · 54p
kickflow 会社紹介資料（プロダクト開発職向け）
株式会社kickflowの採用資料 — 資料デザインの参考
Editor's note — 編集部の視点
表紙も製品紹介も、青の面1枚で言い切る。
kickflowのプロダクト開発職向け会社紹介資料は、白地の本文と青い面のページを交互に置き、Noto Sans JPとPoppinsの2書体だけで開発組織の話を静かに組む。
新製品のページ、既存の製品紹介と型がまるごと同じで色だけ青緑になってるの気づいた？兄弟っぽさが一発で伝わるから、初見でも迷わないのありがたすぎる！
- 1製品紹介は青のグラデーションの帯にPCとスマホの画面を重ねる。白い本文との温度差が区切りになる
- 2棒グラフは青1色で、注記は最初と最後の棒だけ。伸びの幅だけが目に入る
- 3本文30px・見出し57px（1920px換算）。1ページ中央値134字と文字を絞っている
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上68 右152 下218 左75
- 1枚の文字量
- 中央値 約134字
- 多いページ
- 約402字
- 写真・画像の面積
- 約0%
公開PDFの54ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上68・下21・左34・右36px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 13.2:1
Typography
書体と文字サイズ（実測）
和文の見出し・本文（Regular / Bold）
- 使用
- Noto Sans JP
- 代替
- Noto Sans JP
英字・日付・数字
- 使用
- Poppins
- 代替
- Poppins
PDFに埋め込まれた書体: NotoSansJP-Regular（69%）、NotoSansJP-Bold（19%）、Poppins-Regular（10%）、ArialMT（1%）
- 表紙・中扉の大見出し資料の型 Aa80px · PPT 40pt
- ページ見出し資料の型 Aa57px · PPT 29pt
- 本文資料の型 Aa30px · PPT 15pt
- 注釈・出典資料の型 Aa27px · PPT 14pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
全面を青で塗り、左寄せでロゴ、太字の題名、更新日を3段に積む。図形や写真は入れず、日付を差し替えるだけで版を重ねられる作りにしている。
目次
白地の左上に青い見出し、その下に黒丸付きの章立てを7行。行間を広く取って飾りは入れない。左下にコピーライト、右下にページ番号だけを置く。
本文
上下に白を残して青のグラデーションの帯を敷き、左にロゴと製品の説明、右にPCとスマホの画面を重ねる。下端に受賞のバッジを細い帯で添える。
グラフ
青1色の棒グラフを横いっぱいに広げ、最初と最後の棒にだけ吹き出しの注記を付ける。途中の数値は書かず、伸びの形だけを見せる。
本文
製品紹介と同じ型を、青緑のグラデーションに色替えして新製品に使う。型をそろえたまま色だけ変え、別の製品だとひと目でわかるようにしている。
図解
青の矢羽根型の帯を3つ横に連ね、それぞれを工程の見出しにする。下に説明文を置くだけで、進め方の流れを1枚に収めている。余計な線は引かない。
Reproduce
この型で資料を作るには
- 01色は青（#2850dc）が主役。新製品のページだけ青緑に替える
- 02書体はNoto Sans JPとPoppinsの2つだけ
- 03本文30px・見出し57px前後（1920px換算）。見出しは青の太字
- 04製品紹介は白地に青の帯を敷き、端末の画面を右に重ねる型で統一
- 05左下にコピーライト、右下にページ番号を全ページに置く
- 06表紙は全面を基調色で塗り、ロゴ・題名・更新日を左寄せで3段に積む
- 07製品紹介は帯と端末の画面の型を1つ作り、製品ごとに色だけ替える
- 08グラフは1色で塗り、注記は始点と終点だけに絞る
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
kickflow 会社紹介資料（プロダクト開発職向け）についてよくある質問
kickflowの会社紹介資料のデザインの特徴は？
白地の本文ページと、青のグラデーションの帯に製品画面を重ねたページを組み合わせています。新製品のページは同じ型のまま色だけ青緑に替えています。
どんなフォントを使っている？
和文は Noto Sans JP（Regular・Bold）で文字量の約9割、英字と数字は Poppins です。本文は1920px換算で30px前後です。
何ページある？
16:9の横長で54ページです。1ページの文字数は中央値134字と少なめです。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
