Hiring Deck
Japan16:9 · 68p
SmartHR Engineering Team Deck
株式会社SmartHRの採用資料 — 資料デザインの参考
Editor's note — 編集部の視点
左端の縦帯に、いまの章がずっと出ている。
SmartHRのエンジニア採用資料は、ティール1色と細身の英字見出しを軸に、章ごとの色面と図解で68ページを迷わせずに読ませる。
目次に章ごとのページ番号まで振ってあって、左の縦帯と対になってるんだよね。最初に地図を渡して、本文では現在地を出し続ける。68ページを最後まで読ませる設計として筋がいい。
- 1左端の縦帯に章番号と縦書きの章名。68ページあっても現在地を見失わない
- 2中扉は左がティール、右が生成りに幾何学の積み木。章の切り替わりが一目でわかる
- 3本文は1920px換算で24px、見出し32px。1ページ中央値366字でも窮屈に見えない
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上130 右111 下169 左48
- 1枚の文字量
- 中央値 約366字
- 多いページ
- 約756字
- 写真・画像の面積
- 全面に画像（判定不可）
公開PDFの68ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上38・下26・左19・右89px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 14.9:1
Typography
書体と文字サイズ（実測）
本文・見出し（Regular / Bold）
- 使用
- Noto Sans JP
- 代替
- Noto Sans JP
英字の大見出し（Light）
- 使用
- Heebo
- 代替
- Heebo
PDFに埋め込まれた書体: NotoSansJP-Regular（48%）、NotoSansJP-Bold（27%）、MS-PGothic（12%）、Heebo-Light（5%）
- 表紙・中扉の大見出し資料の型 Aa120px · PPT 60pt
- ページ見出し資料の型 Aa32px · PPT 16pt
- 本文資料の型 Aa24px · PPT 12pt
- 注釈・出典資料の型 Aa21px · PPT 11pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
全面ティールに、白抜きのロゴと細いウェイトの英字タイトルを左揃えで置く。更新日を小さく添えるだけで装飾はない。版を重ねる資料らしく、日付の差し替えで済む作り。
目次
左半分に大きな英字の見出しを1語だけ。右に章番号・英語・日本語・ページ番号の4点を点線のリーダーでつないで並べる。英日を併記し、どちらの読者にも同じ地図を渡す。
中扉
画面を縦に二分し、左のティールの面に章番号と細い英字見出し、太い日本語を重ねる。右は生成りの地に四角と円の積み木を置き、オレンジの円をひとつだけ差し色にする。
メッセージ
左に太字の見出しと本文、右に角丸で切り抜いた代表の写真を置く。背景に細い円弧の線を薄く走らせ、白地でも平板にしない。署名は肩書きと名前を小さく添えるだけ。
図解
左の縦帯に章番号と縦書きの章名。事業を2列の表組みに分け、各行の右端に大きな数字と小さな単位を置く。背景の淡いグラデーションが、白い表の面を浮かせる。
図解
小さな円から大きなティールの円へ、点線の矢印で広がりを描く。大きな円の中に番号付きの3項目を縦に並べ、市場の広がりを読む前に形で見せる。
Reproduce
この型で資料を作るには
- 01色はティール（#00c4cc）が主役。オレンジは中扉の差し色に限る
- 02本文24px・見出し32px・英字の大見出しは120px前後の細いウェイト
- 03本文ページの左端には、章番号と縦書きの章名を入れた縦帯を必ず通す
- 04背景は真っ白でなく生成りの#f8f7f6。写真は角丸で切り抜く
- 05左端に章番号と縦書きの章名を入れる縦帯をマスターに組み込む
- 06中扉は画面を二分し、片側を基調色の面、片側を図形の構成にする
- 07英字の大見出しは細いウェイト、和文は太字で、1つの見出しに強弱をつける
- 08差し色は1色だけ用意し、中扉以外では使わない
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
SmartHR Engineering Team Deckについてよくある質問
SmartHRのエンジニア採用資料は何ページある？
全68ページ、16:9です。章は目次で8つに分かれ、各章の頭に中扉があります。
どんなフォントを使っている？
和文は Noto Sans JP の Regular と Bold で、文字量の約75%を占めます。目次や中扉の英字の大見出しは Heebo の Light です。どちらも無料で使えます。
配色の特徴は？
生成りの背景（#f8f7f6）とブランドのティール（#00c4cc）が面積の大半を占めます。中扉だけに濃いグレーとオレンジの差し色が入ります。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
