Company Deck日本Japan16:9 · 36p

SODA - SNKRDUNK Company Deck

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

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

Editor's note — 編集部の視点

黒と白のページを、交互に並べていく。

SODAの会社紹介資料は、黒地と薄い灰色の地を左右や前後で入れ替えながら、英字の見出しとスマホの画面、拠点の写真で事業の広がりを見せる。

IrisColor & Brand
黒と灰色しかないのに、倉庫の写真が青みがかってるから、ページ全体がひんやりした夜の街みたいな温度になってるのがいい。箱を開ける前の、あの静けさっぽい。
  • 1サービス紹介は画面を黒と灰色に二分し、次のページで左右を反転。2枚1組で4つを見せる
  • 2店舗や拠点のページは、施設名を縦向きの巨大な文字で背景に敷く。写真の横で看板のように効く
  • 3表紙のタイトルは1920px換算で93px。黒地に白の英字だけで、ブランド名を立たせる

Measured

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

本文・見出しを置く範囲
余白(1920px換算)
上127 右204 下99 左162
1枚の文字量
中央値 約109字
多いページ
約336字
写真・画像の面積
約31%

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

Color

配色

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

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

Typography

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

英字の見出し・ラベル

使用
Alata
代替
Alata

和文の本文

使用
MS Pゴシック
代替
BIZ UDPゴシック

和文の見出しの一部

使用
Noto Sans JP
代替
Noto Sans JP

PDFに埋め込まれた書体: MS-PGothic(67%)、Alata-Regular(17%)、NotoSansJP-Regular(5%)、NotoSans-Light(5%)

  • 表紙・中扉の大見出し資料の型 Aa93px · PPT 47pt
  • ページ見出し資料の型 Aa27px · PPT 14pt
  • 本文資料の型 Aa21px · PPT 11pt
  • 注釈・出典資料の型 Aa19px · PPT 10pt

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

Page types

ページの型

  1. 出典: 株式会社SODA「SODA - SNKRDUNK Company Deck」p.1

    表紙

    黒一色の中央にサービス名を白の太い英字で大きく、下に資料名を小さく置く。社名は下寄りに、版数と日付は右下に極小で添える。

  2. 出典: 株式会社SODA「SODA - SNKRDUNK Company Deck」p.14

    本文

    画面を左の黒と右の薄い灰色に二分し、それぞれにスマホの画面を1つずつ置く。下に見出しと説明を3行添え、2つのサービスを並べて比べさせる。

  3. 出典: 株式会社SODA「SODA - SNKRDUNK Company Deck」p.15

    本文

    前のページと同じ型で、黒と灰色の左右を入れ替える。めくるたびに明暗が反転し、4つのサービスが2枚1組のリズムで続いていく。

  4. 出典: 株式会社SODA「SODA - SNKRDUNK Company Deck」p.22

    写真

    左の黒地にセリフ体のロゴと説明、背景には店名を縦向きの巨大な文字で薄く敷く。右半分は店内の写真を裁ち落としで大きく置く。

  5. 出典: 株式会社SODA「SODA - SNKRDUNK Company Deck」p.24

    写真

    店舗と同じ構成を、薄い灰色の地で繰り返す。右半分に倉庫の写真を裁ち落としで置いて拠点のロゴを重ね、左は見出しと説明で組む。

  6. 出典: 株式会社SODA「SODA - SNKRDUNK Company Deck」p.27

    中扉

    黒地の左に英字の章名と副題を小さく、右にかすれた筆で描いた白い四角を大きく置く。文字を減らし、図形で章の空気を切り替える。

Reproduce

この型で資料を作るには

  • 01色は黒と薄い灰色の2色。写真以外に色を持ち込まない
  • 02見出しは左上に英字(Alata)、その下に日本語を小さく添える
  • 03サービス紹介は画面を二分し、明暗を1ページごとに入れ替える
  • 04本文21px・見出し27px前後(1920px換算)と控えめにし、写真を主役にする
  • 05施設の紹介は、名前を縦向きの大きな文字で背景に敷く
  • 06黒と薄い灰色の2つの地を用意し、ページや左右で入れ替える
  • 07サービス紹介はスマホの画面を1つずつ、同じ位置に置いて比べさせる
  • 08施設のページは写真を裁ち落としで置き、名前を背景の大きな文字にする
  • 09英字の見出しは1書体に絞り、日本語は小さく添える

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

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

SODA - SNKRDUNK Company Deckについてよくある質問

SODAの会社紹介資料のデザインの特徴は?

黒地と薄い灰色の地をページや左右で入れ替え、スマホの画面や施設の写真を大きく見せています。英字の見出しは Alata で統一しています。

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

英字の見出しは Alata、和文の本文は MS Pゴシック、一部に Noto Sans JP を使っています。本文は1920px換算で21px前後です。

何ページある?

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

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

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

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