Company Deck日本Japan16:9 · 44p

【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business

株式会社カオナビの会社紹介資料 — 資料デザインの参考

元の資料を見るspeakerdeck.com
株式会社カオナビ「【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business」の1ページ目(表紙)
表紙
01 / 06
出典: 株式会社カオナビ「【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business」(speakerdeck.com)。解説のために一部のページ(6枚)を縮小して引用しています。全ページは元の資料でご覧ください。

Editor's note — 編集部の視点

中扉だけ、全面のグラデーションに振り切る。

カオナビの会社紹介資料は、表紙と中扉を流体のような色面で埋め、本文は白地に角の斜め帯だけを残すことで、44ページを一続きのブランド体験にしている。

PipTrends & VTuber
中扉が来るたびに色の流れ方が変わるから、次はどんな色かなってめくる手が止まらない!!本文は白で落ち着いてるのに、角の帯だけ表紙の続きになってるのがずるい〜。
  • 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. 出典: 株式会社カオナビ「【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business」p.1

    表紙

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

  2. 出典: 株式会社カオナビ「【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business」p.3

    メッセージ

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

  3. 出典: 株式会社カオナビ「【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business」p.7

    中扉

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

  4. 出典: 株式会社カオナビ「【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business」p.26

    中扉

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

  5. 出典: 株式会社カオナビ「【株式会社カオナビ】会社紹介資料 for business / kaonavi/introduction-for-business」p.28

    中扉

    流体の色面をやめ、黒地に青い粒子のテクスチャへ切り替える。章題の位置と白抜きの書き方は他の中扉と揃え、型は崩さない。黒地にしても文字は白抜きのまま。

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営業日以内に対応します。取り下げ・修正を依頼する