Culture Deck
Overseas / US16:9 · 58p
The HubSpot Culture Code (V41, 2025)
HubSpot, Inc.のカルチャーデック — 資料デザインの参考
Editor's note — 編集部の視点
1ページに言うことは1つ、文字は30字前後。
HubSpot（HubSpot, Inc.）のカルチャーコードは、深いティールと朱色で画面を割り、線画と手書きの注釈を添えることで、58ページの価値観を1枚ずつ飲み込ませる。
深いティールって夜の海みたいに落ち着いた色なのに、朱色が入ると焚き火の前にいるみたいに急に温かくなるのがすき。ピンクやプラムも混ぜて、会社の人格が堅くなりすぎないのがいい。
- 1文字数の中央値は30字。1ページ1メッセージを貫き、スライドを標語のカードにしている
- 2画面を左右や四分割で色ごとに割る。色の境目が、そのまま話の対比や区切りになる
- 3手書き体は付箋やメモの中だけ。本文のLexend Decaと役割を分け、声色を変えている
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上74 右144 下54 左87
- 1枚の文字量
- 中央値 約30字
- 多いページ
- 約104字
- 写真・画像の面積
- 全面に画像（判定不可）
公開PDFの58ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上74・下54・左87・右104px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 15.8:1
Typography
書体と文字サイズ（実測）
見出し・本文（Light 中心）
- 使用
- Lexend Deca
- 代替
- Lexend Deca
手書きの注釈・メモ
- 使用
- Nanum Pen
- 代替
- Nanum Pen Script
PDFに埋め込まれた書体: LexendDeca-Light（58%）、NanumPen-Regular（42%）、LexendDeca-Medium（0%）、ArialMT（0%）
- 表紙・中扉の大見出し資料の型 Aa93px · PPT 47pt
- ページ見出し資料の型 Aa51px · PPT 26pt
- 本文資料の型 Aa17px · PPT 9pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
朱色の全面に、左へ白の細い大文字で題を2行。右には2進数の数字で形づくったハートを濃い朱で置き、ソフトウェアの会社らしさを図案で伝える。
中扉
深いティールの地にセージの大きな面を斜めに重ね、中央に大きな一語と小さな補足を置く。面の角を切って、硬い四角を避ける。
メッセージ
暗い地にテープで貼った紙のメモを置き、手書き体で短い文を書く。強調したい語だけ朱色にして、話し言葉の温度を出す。
図解
左の生成り色の面に朱色のハート、右の暗い面には線画のドアを並べる。左右で色の温度を変え、あるものとないものを対比させる。
比較・表
画面を暗い地と朱色の地で半分に割り、同じ長さの文を左右に置く。強調語は地と逆の色で塗り、対になる考え方を並べる。
まとめ
四分割した面をプラム・セージ・ピンク・ティールで塗り、それぞれに線画のアイコンと価値観の名前を置く。4色の面が一覧表の代わりになる。
Reproduce
この型で資料を作るには
- 011ページ1メッセージ。文字数の中央値は30字
- 02地はティール#042729、強調は朱#ff4800
- 03画面は半分か四分割で色面を割り、対比や一覧を面で見せる
- 04手書き体はメモと注釈だけ。本文はLexend Decaの細字
- 05見出し51px・本文17px（1920px換算）。見出しを大きく、本文は最小限
- 06濃い地の色と強調色を1つずつ決め、補助の淡い色を2〜3色用意する
- 071ページに置く文は1つにし、30字前後に削る
- 08対比の話は画面を半分に割り、色違いの面に置く
- 09手書き体は付箋やメモの形の中でだけ使う
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
The HubSpot Culture Code (V41, 2025)についてよくある質問
HubSpotのカルチャーデックのデザインの特徴は？
1ページ1メッセージで、文字数は中央値30字です。深いティールと朱色を軸に画面を色面で割り、線画のイラストと手書きの注釈で語り口をやわらかくしています。
どんなフォントを使っている？
見出しと本文は Lexend Deca（主に Light）、手書きの注釈は Nanum Pen です。どちらも無料で使える書体です。見出しは1920px換算で51px前後です。
何ページある？
16:9 の横長で58ページです。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
