Company DeckJapan16:9 · 44p
【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business
株式会社カオナビの会社紹介資料 — 資料デザインの参考

Editor's note — 編集部の視点
中扉だけ、全面のグラデーションに振り切る。
カオナビの会社紹介資料は、表紙と中扉を流体のような色面で埋め、本文は白地に角の斜め帯だけを残すことで、44ページを一続きのブランド体験にしている。

中扉が来るたびに色の流れ方が変わるから、次はどんな色かなってめくる手が止まらない!!本文は白で落ち着いてるのに、角の帯だけ表紙の続きになってるのがずるい〜。
- 1中扉ごとに色面の角度と色味を変える。章が替わったことを、文字より先に目で知らせる
- 2本文ページの色は角の斜め帯に押し込む。白地が広く残り、21pxの本文が落ち着いて読める
- 3ステートメントは左端に縦組みの英字ラベル。横組みの本文と向きを変え、ページの格を上げる
Measured
判型・余白・文字量(実測)
- 余白(1920px換算)
- 上46 右183 下166 左63
- 1枚の文字量
- 中央値 約184字
- 多いページ
- 約414字
- 写真・画像の面積
- 全面に画像(判定不可)
公開PDFの44ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です(ページ番号などの小さな文字は端から 上46・下70・左63・右140px)。
Color
配色
実測の面積比(代表ページ)
本文の文字色と背景のコントラスト: 21:1
Typography
書体と文字サイズ(実測)
和文の見出し・本文(Bold と Regular の2ウェイト)
- 使用
- Noto Sans JP
- 代替
- Noto Sans JP
一部の本文・図中の文字
- 使用
- MS PGothic
- 代替
- BIZ UDPゴシック
図中の数字・欧文
- 使用
- Arial
- 代替
- Inter
PDFに埋め込まれた書体: NotoSansJP-Bold(49%)、NotoSansJP-Regular(26%)、MS-PGothic(19%)、ArialMT(2%)
- 表紙・中扉の大見出し資料の型 Aa61px · PPT 31pt
- ページ見出し資料の型 Aa29px · PPT 15pt
- 本文資料の型 Aa21px · PPT 11pt
- 注釈・出典資料の型 Aa13px · PPT 7pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型

表紙
ピンクから紫へ流れるグラデーションを斜めに切り、白い三角を残す。ロゴと資料名は色面の上に白抜きで中央寄せ、キャッチは白地側に小さく置く。

メッセージ
左端に縦組みの英字ラベル、その右に短い行を積んだステートメント。右上から表紙の色面が細い楔になって差し込み、下部に関連コンテンツのカードを添える。

中扉
ピンクと紫の色面を全面に敷き、章題を白抜きの太字1行で置く。色面の切り口を斜めにして、白い余白が片隅だけに残る構図にする。

中扉
同じ型のまま、色を紫と黄色の組み合わせに替える。章題を2行にして中央に置き、章が進んだことを色の変化で伝える。ロゴやノンブルは入れない。

中扉
流体の色面をやめ、黒地に青い粒子のテクスチャへ切り替える。章題の位置と白抜きの書き方は他の中扉と揃え、型は崩さない。黒地にしても文字は白抜きのまま。
Reproduce
この型で資料を作るには
- 01色面は表紙と中扉に集める。本文ページの色は角の斜め帯とグラフだけ
- 02本文は1920px換算で21px前後、見出しは29px前後。本文ページのジャンプ率は控えめ
- 03中扉は章題1行か2行を白抜き。背景の色と角度は章ごとに替える
- 04本文の書き出しは左63px前後に揃え、上の余白は46px前後と浅めにとる
- 051ページの文字は中央値184字。詳しい話は関連リンクのカードに逃がす
- 06流体のようなグラデーション素材を1種類つくり、切り抜く角度と色相を変えて中扉に使い回す
- 07本文ページの角に、表紙と同じ素材の斜め帯を小さく置いて本文と表紙をつなぐ
- 08本文は Noto Sans JP の Bold と Regular だけで組み、色は濃いグレーに寄せる
- 09数字のページは円グラフと大きな数字をタイルに並べ、色はブランドの紫と黄色から取る
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ(PowerPoint / Google スライドの pt 換算つき)・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料(HTMLスライド)の実装方針 / 盗用を避ける差し替えリスト(Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json)
【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-businessについてよくある質問
カオナビの会社紹介資料のデザインの特徴は?
表紙と中扉を全面のグラデーションで埋め、本文ページは白地に角の斜め帯だけを残す構成です。中扉ごとに色と切り口を変え、章の切り替わりを色で伝えています。
どんなフォントを使っている?
埋め込み書体は Noto Sans JP(Bold・Regular)が中心で、一部に MS PGothic と Arial が使われています。本文は1920px換算で21px前後です。
何ページある?
16:9 の横長で44ページです。1ページの文字数は中央値で184字ほどです。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する




