Company Deck日本Japan16:9 · 47p

株式会社ハロー - Company Deck

株式会社ハローの会社紹介資料 — 資料デザインの参考

元の資料を見るspeakerdeck.com
株式会社ハロー「株式会社ハロー - Company Deck」の1ページ目(表紙)
表紙
01 / 06
出典: 株式会社ハロー「株式会社ハロー - Company Deck」(speakerdeck.com)。解説のために一部のページ(6枚)を縮小して引用しています。全ページは元の資料でご覧ください。

Editor's note — 編集部の視点

黒地に金色、数字だけが大きく光る。

ハローの会社紹介資料は、墨色の背景に金の差し色を1色だけ使い、実績の数字と製品の画面を大きく見せることで、事業の規模感を先に伝えている。

PipTrends & VTuber
暗い画面に金の数字って、推しのライブの当選画面くらいテンション上がるやつ!しかも数字のカードだけ明るいグレーだから、黒の中でそこだけ光って見えるの最高すぎる!
  • 1背景は#242424の墨色。数字と地図だけを金色にし、目が最初に行く場所を決めている
  • 2表紙と中扉の英字は1920px換算で140px。本文21pxとの差が大きく、章の頭がひと目でわかる
  • 3右端の縦帯に章名を縦書きで。47ページのどこを開いても、いまの章がわかる

Measured

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

本文・見出しを置く範囲
余白(1920px換算)
上56 右119 下183 左59
1枚の文字量
中央値 約159字
多いページ
約430字
写真・画像の面積
約0%

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

Color

配色

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

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

Typography

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

和文の見出し・本文

使用
ゴシック体系(推定)
代替
Noto Sans JP

英字の大見出し・数字

使用
幾何学系サンセリフ(推定)
代替
Poppins
  • 表紙・中扉の大見出し資料の型 Aa140px · PPT 70pt
  • ページ見出し資料の型 Aa30px · PPT 15pt
  • 本文資料の型 Aa21px · PPT 11pt
  • 注釈・出典資料の型 Aa20px · PPT 10pt

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

Page types

ページの型

  1. 出典: 株式会社ハロー「株式会社ハロー - Company Deck」p.1

    表紙

    墨色の地に音の波形のような細い縦線を並べ、中央に白の英字タイトルを大きく置く。細い線の下にロゴ、下端の金色の帯に日付を入れる。

  2. 出典: 株式会社ハロー「株式会社ハロー - Company Deck」p.15

    中扉

    左の墨色の面に英字の章名と番号、右側は斜めに切った枠に製品画面を重ねる。金と青の面を背景に敷き、2つの事業を色で分ける。

  3. 出典: 株式会社ハロー「株式会社ハロー - Company Deck」p.18

    数字

    中央に陸地を金色で描いた地球を置き、周りに点線の軌道を回す。左右の明るいカードに数字を大きく金色で、右下に積み上げ棒グラフを添える。

  4. 出典: 株式会社ハロー「株式会社ハロー - Company Deck」p.24

    本文

    左に製品のロゴ、白の大見出し2行、本文を段落で置く。右半分に製品の管理画面を大きく置き、画面の端を裁ち落として奥行きを出す。

  5. 出典: 株式会社ハロー「株式会社ハロー - Company Deck」p.25

    数字

    上に見出しと2行のリード、下に白いカードを3枚横に並べる。カードの上に項目名、下に数字を大きく置き、単位は小さく添える。

  6. 出典: 株式会社ハロー「株式会社ハロー - Company Deck」p.27

    本文

    上に導入企業のロゴと要約を白い帯で置く。下は左に課題、右に効果を並べて間を山括弧で結び、効果のキーワードを青い枠の箱で並べる。

Reproduce

この型で資料を作るには

  • 01背景は墨色(#242424)。強調は金色1色に絞る
  • 02数字は大きな字で、単位は小さく添える
  • 03右端に縦帯を通し、章名を縦書きで入れる
  • 04表紙と中扉の英字は140px前後(1920px換算)。左下にロゴ
  • 05本文21px・見出し30px前後。文字は白、明るいカードの上だけ黒
  • 06背景を墨色にし、強調色は金色1色だけにする
  • 07実績の数字は明るいカードに載せ、数字を大きく単位を小さくする
  • 08右端に章名の縦帯を入れ、現在地を示す
  • 09中扉は斜めに切った枠に製品画面を重ね、事業ごとに背景色を変える

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

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

株式会社ハロー - Company Deckについてよくある質問

ハローの会社紹介資料のデザインの特徴は?

墨色(#242424)の背景に金色の差し色だけを使い、実績の数字を明るいカードに大きく載せています。右端の縦帯に章名を縦書きで入れています。

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

書体の情報はPDFから取れませんでした。画像から見ると、和文はゴシック体、英字と数字は幾何学系のサンセリフです。代わりには Noto Sans JP と Poppins が近い印象です。

何ページある?

16:9の横長で47ページです。1ページの文字数は中央値159字です。

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

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

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