Company Deck日本Japan16:9 · 41p

ログラス会社紹介資料 / Loglass Company Deck

株式会社ログラスの会社紹介資料 — 資料デザインの参考

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

Editor's note — 編集部の視点

表紙いっぱいに、ロゴのクジラがはみ出してる。

ログラスの会社紹介資料は、白地と青の端正な図解で信頼を固めつつ、AIの章だけ夜の街と光るリングの暗い画面に切り替え、同じ青で温度差をつけている。

BrunoStructure & IA
4ページ目でもう代表メッセージが出てきて、事業の説明はそのあとなんだよね。何をやる会社かより先に、誰がどんな気持ちで率いてるかを渡す。採用の章もある会社紹介なら、この順番が効くんだ。
  • 1表紙はロゴのクジラを青の濃淡で大きく切り取る。社名より先に形が記憶に残る
  • 2目次は8章を番号付きで左に寄せ、右半分は空けたまま。章の少なさが読みやすさになる
  • 3AIの章だけ地を#0b0d23の夜色に反転。同じ青が発光して見え、新しさが伝わる

Measured

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

本文・見出しを置く範囲
余白(1920px換算)
上158 右20 下22 左50
1枚の文字量
中央値 約90字
多いページ
約397字
写真・画像の面積
約39%

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

Color

配色

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

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

Typography

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

見出し・本文

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

英字の見出し・数字

使用
幾何学系サンセリフ(推定)
代替
Inter
  • 表紙・中扉の大見出し資料の型 Aa80px · PPT 40pt
  • ページ見出し資料の型 Aa20px · PPT 10pt
  • 本文資料の型 Aa16px · PPT 8pt
  • 注釈・出典資料の型 Aa14px · PPT 7pt

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

Page types

ページの型

  1. 出典: 株式会社ログラス「ログラス会社紹介資料 / Loglass Company Deck」p.1

    表紙

    全面を青で塗り、ロゴのクジラを一段濃い青で画面からはみ出すほど大きく敷く。中央に白の社名ロゴ、その下に会社名と更新日を小さく2行だけ置く。

  2. 出典: 株式会社ログラス「ログラス会社紹介資料 / Loglass Company Deck」p.2

    目次

    左寄せで章番号を青、章名を黒にして8行を等間隔に並べる。右半分は何も置かず、左上に小さな見出し、右上にロゴだけを残す。

  3. 出典: 株式会社ログラス「ログラス会社紹介資料 / Loglass Company Deck」p.4

    メッセージ

    左半分に手紙のような本文を段落ごとに組み、最後に役職と手書きの署名を置く。右半分は代表の写真を明るいグレーの地で裁ち落としにする。

  4. 出典: 株式会社ログラス「ログラス会社紹介資料 / Loglass Company Deck」p.14

    図解

    左に大見出しと短い説明、右に図解を置く2分割。上段は青で塗った箱を2つ、下段は青い線だけの箱を1つにし、矢印で下から支える関係を示す。

  5. 出典: 株式会社ログラス「ログラス会社紹介資料 / Loglass Company Deck」p.19

    メッセージ

    夜の高層ビルの写真を暗く沈め、右に光るリングで囲んだ太い斜体の英字を大きく置く。左には見出しと説明文を白で縦に積む。

  6. 出典: 株式会社ログラス「ログラス会社紹介資料 / Loglass Company Deck」p.20

    図解

    暗い背景の右半分に大きなリングを描き、中心のロゴの周りに機能名の小さなラベルを散らす。左は入力から結論へ下る縦の流れ図にする。

Reproduce

この型で資料を作るには

  • 01基調色は#2352c8の青1色。強調も青の濃淡でつくる
  • 02見出しは左上に小さく、ロゴは右上に固定する
  • 031ページの文字は中央値90字。説明が要る図解ページだけ増やす
  • 04図解は青で塗った箱と、青い線だけの箱の2種類で階層を分ける
  • 05暗い背景はAIの章に絞り、章の切り替えを地の色で知らせる
  • 06ロゴの形を表紙で大きく切り取り、青の濃淡2色だけで塗る
  • 07図解の箱を「塗り」と「線」の2種類に決め、上下の関係を色で分ける
  • 08目次は番号と章名だけにして、右半分の余白を残す
  • 09特別な章だけ地を暗くし、同じ青を光として使う

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

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

ログラス会社紹介資料 / Loglass Company Deckについてよくある質問

ログラスの会社紹介資料のデザインの特徴は?

白地に#2352c8の青を軸にした図解中心の構成です。表紙はロゴのクジラを大きく切り取り、AIの章だけ暗い背景と光るリングに切り替えて変化をつけています。

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

埋め込み書体名は取得できませんでした。画像からはNoto Sans JP系のゴシック体と、英字に幾何学系のサンセリフが使われていると推定できます。

何ページある?

16:9で41ページです。1ページの文字数は中央値90字で、写真や画像がページ面積の約4割を占めます。

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

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

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