Company Deck日本Japan16:9 · 26p

Algomatic | 会社紹介資料

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

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

Editor's note — 編集部の視点

ぼかした色の球が、全ページに浮いている。

Algomaticの会社紹介資料は、オレンジから赤へのグラデーションの球と極太の見出しを組み合わせ、AIの会社の硬さを熱のある語り口に変えている。

PipTrends & VTuber
数字のページの端っこに、ちっちゃい赤いキャラがいるの気づいた?硬めのグラフの横にいるだけで急に親しみやすくなるの、ずるい〜!会社紹介で推しができちゃうやつ。
  • 1ぼかしたグラデーションの球を背景に浮かべる。数字や図解のページでも温度が下がらない
  • 2大見出しの決めの一語だけ、赤い面に白抜き。読ませたい言葉が一点に決まる
  • 3見出し56px・本文20px、大見出しは112px。ジャンプ率を大きく取り主張を先に読ませる

Measured

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

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

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

Color

配色

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

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

Typography

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

大見出し・見出し

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

本文

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

英字の表紙タイトル・ラベル

使用
幾何学的なサンセリフ系(推定)
代替
Outfit
  • 表紙・中扉の大見出し資料の型 Aa112px · PPT 56pt
  • ページ見出し資料の型 Aa56px · PPT 28pt
  • 本文資料の型 Aa20px · PPT 10pt
  • 注釈・出典資料の型 Aa16px · PPT 8pt

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

Page types

ページの型

  1. 出典: 株式会社Algomatic「Algomatic | 会社紹介資料」p.1

    表紙

    白地の右側に、ぼかした暖色と紫の球を裁ち落としで重ねる。左下に赤いロゴと大きな英字タイトルを置き、太字と細字の組み合わせで1語の中に強弱をつける。

  2. 出典: 株式会社Algomatic「Algomatic | 会社紹介資料」p.4

    数字

    左に大きな数字を3つ縦に積み、中央に赤系の濃淡だけで塗り分けた円グラフ、右に文章のリストを置く。下端には赤い線の小さなタグを並べ、職種の幅を一覧で見せる。

  3. 出典: 株式会社Algomatic「Algomatic | 会社紹介資料」p.8

    メッセージ

    極太の見出しを左下に4行で積み、最後の一語だけを赤い面に白抜きにする。左上にはグラデーションの球2つに短いラベルを載せ、右の本文とは段を分ける。

  4. 出典: 株式会社Algomatic「Algomatic | 会社紹介資料」p.9

    メッセージ

    全面をピンクから黄色のグラデーションで塗り、2つの宣言を左上と右下に斜めにずらして置く。それぞれの上に細い罫線と小さな英字ラベル。文字は黒の極太だけ。

  5. 出典: 株式会社Algomatic「Algomatic | 会社紹介資料」p.14

    図解

    3つの円を横に並べ、両端をグラデーションの球、中央を白い円にしてロゴを収める。両端の円に事業名と説明、赤い線のタグを載せ、2つの事業の関係を円の重なりで見せる。

  6. 出典: 株式会社Algomatic「Algomatic | 会社紹介資料」p.19

    グラフ

    赤のグラデーションの棒を右肩上がりに並べ、上に曲線を重ねる。左上には半透明の濃いグレーの面で構成比を別枠に置き、将来像と内訳を1枚に同居させる。

Reproduce

この型で資料を作るには

  • 01背景のグラデーションは暖色(#fac794〜#f26a74)の球だけ。形は円に限る
  • 02強調は赤系1色。1ページ1か所、赤い面の白抜きか赤い線のタグで
  • 03見出し56px・本文20px・注記16px、大見出しは112px前後
  • 04余白は上86px・左右100px前後で揃える
  • 05中扉だけは濃いグレー(#3b3b41)の地に細い白い円弧
  • 06ぼかした円のグラデーションを数種類つくり、背景素材として使い回す
  • 07見出しは極太のゴシックで、決めの一語だけ赤い面に白抜きにする
  • 08グラフや図解も赤の濃淡だけで塗り分け、色相を増やさない
  • 09中扉は暗い地に切り替え、明るい本編との緩急をつける

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

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

Algomatic | 会社紹介資料についてよくある質問

Algomaticの会社紹介資料は何ページある?

全26ページ、16:9です。

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

PDFから書体名は取得できませんでした。画像から、見出しは極太のゴシック体、英字は幾何学的なサンセリフと推定します。無料で近づけるなら Noto Sans JP の Black と Outfit です。

配色の特徴は?

白地に、ピーチ(#fac794)からピンクがかった赤(#f26a74)へのグラデーションの球を浮かべます。強調は赤系だけで、中扉は濃いグレー(#3b3b41)です。

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

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

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