Culture Deckアメリカ合衆国Overseas / US0.76:1 · 37p

Handbook for New Employees

Valve Corporationのカルチャーデック — 資料デザインの参考

元の資料を見るcdn.cloudflare.steamstatic.com
Valve Corporation「Handbook for New Employees」の1ページ目(表紙)
表紙
01 / 06
出典: Valve Corporation「Handbook for New Employees」(cdn.cloudflare.steamstatic.com)。解説のために一部のページ(6枚)を縮小して引用しています。全ページは元の資料でご覧ください。

Editor's note — 編集部の視点

社員手帳なのに、古い本みたいな手触り。

Valve(Valve Corporation)の新入社員ハンドブックは、生成りの紙の地にBaskervilleの本文と手描き風の図版を組み、見開きの本に仕立てて、組織の考え方を物語のように読ませる。

PipTrends & VTuber
社員向けの手帳なのに、余白に手書きのメモが走り書きしてあって、誰かの私物をこっそり読んでる気分になる…!年表の小さなゲームの図版を探すだけで楽しいの、ファンにはたまらないやつ。
  • 1本文はNew Baskervilleが文字の83%。1920px換算28pxで、スライドより本の組版に近い
  • 2章扉は水色・橙・茶と、紙の質感の色を章ごとに替える。色で章を覚えられる
  • 3図版は黒板のような暗い面に手描きの線。冗談の効いた図解が長い本文の息継ぎになる

Measured

判型・余白・文字量(実測)

本文・見出しを置く範囲
余白(1920px換算)
上209 右112 下362 左109
1枚の文字量
中央値 約1673字
多いページ
約2572字
写真・画像の面積
全面に画像(判定不可)

公開PDFの37ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です(ページ番号などの小さな文字は端から 上98・下84・左97・右106px)。

Color

配色

実測の面積比(代表ページ)

本文の文字色と背景のコントラスト: 10.9:1

Typography

書体と文字サイズ(実測)

本文・見出し(Roman / Bold / Italic)

使用
New Baskerville
代替
Libre Baskerville

年表や図版のラベル(Light / Bold Italic)

使用
Helvetica Neue
代替
Inter

PDFに埋め込まれた書体: NewBaskerville-Roman(83%)、HelveticaNeue-Light(9%)、NewBaskerville-Bold(3%)、OldNewspaperTypes(2%)

  • ページ見出し資料の型 Aa44px · PPT 22pt
  • 本文資料の型 Aa28px · PPT 14pt
  • 注釈・出典資料の型 Aa22px · PPT 11pt

px は横1920pxに換算した値。見本は半分の大きさで表示しています。

Page types

ページの型

  1. 出典: Valve Corporation「Handbook for New Employees」p.1

    表紙

    生成りの地の中央に、枠で囲んだロゴと小さな大文字の題を置き、下に点線を1本。写真も色も使わず、本の扉のように静かに始める。

  2. 出典: Valve Corporation「Handbook for New Employees」p.5

    中扉

    左ページは本文と淡い黄色の囲み、右ページは水色の紙の質感の面に、枠で囲んだ章番号と章題を置く。見開きの片側を丸ごと章扉にする。

  3. 出典: Valve Corporation「Handbook for New Employees」p.7

    図解

    右ページを黒板のような暗い面にして、手描き風の組織図を横倒しに並べる。図番号を添え、学術書の図版のように見せる。

  4. 出典: Valve Corporation「Handbook for New Employees」p.8

    本文

    本文の余白に手書きのメモを重ね、淡い黄色の囲みで補足を分ける。右の橙の章扉と合わせ、使い込んだ本の気配を出す。

  5. 出典: Valve Corporation「Handbook for New Employees」p.16

    タイムライン

    見開きいっぱいを水色の地にして、茶色の太い帯を横に通す。年ごとに線を下ろし、出来事の文と小さな図版をぶら下げる。

Reproduce

この型で資料を作るには

  • 01地は生成りの紙の色。本文は黒ではなく焦げ茶#4b3902
  • 02本文はBaskervilleで28px前後、見出しは44px(1920px換算)
  • 03章扉は色違いの紙の質感と、枠で囲んだ章番号
  • 04図版には図番号を振り、本の図のように扱う
  • 05文字数は1ページ中央値1673字。囲みと余白のメモで読む速度を落とす
  • 06横長のスライドではなく、見開きの本として版面を設計する
  • 07本文はセリフ体にして、文字色を焦げ茶に寄せる
  • 08章扉に紙の質感のある色面を使い、章ごとに色を替える
  • 09図版は暗い面に手描きの線で描き、図番号を振る

スライドのデザイン分析MDに含まれるもの

実測の判型・余白・文字サイズ(PowerPoint / Google スライドの pt 換算つき)・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料(HTMLスライド)の実装方針 / 盗用を避ける差し替えリスト(Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json)

Handbook for New Employeesについてよくある質問

Valveの新入社員ハンドブックのデザインの特徴は?

生成りの紙の地に Baskerville の本文を組んだ、見開きの本の形式です。章扉は色違いの紙の質感で、組織図や年表は手描き風の図版で見せています。

どんなフォントを使っている?

本文と見出しは New Baskerville、年表や図のラベルは Helvetica Neue です。無料で近いものを使うなら Libre Baskerville と Inter です。

何ページある?

PDFで37ページです(多くのページが見開き)。1ページの文字数は中央値1673字と多めです。

安心してお使いいただくために

引用の範囲で掲載
代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
PDF・画像は配布しません
資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
MDは数値と構造だけ
デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
人物写真に配慮
一般の社員・来場者など、私人が大きく写るページは掲載しません。

著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する