Hiring Deck日本Japan16:9 · 38p

STORES Company Slide for Designers

STORES 株式会社の採用資料 — 資料デザインの参考

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

Editor's note — 編集部の視点

中扉は、黒い半分と写真の半分だけ。

STORES 株式会社のデザイナー向け採用資料は、色を黒と白に絞り、楕円と帯だけで作る図解と小さな立体キャラクターで、事業の話を静かに運んでいる。

LeoMotion & Direction
黒い中扉で一回暗転して、次の白い頁で図解がパッと点く。映画の場面転換みたいなテンポ!小さなキャラが頁ごとにポーズを変えて出てくるのも、つい次の登場を待っちゃう仕掛けっぽい!
  • 1中扉は左に黒い面と見出し、右に正方形に近い写真。章の頭が一目で分かる
  • 2図解は黒と白の楕円や帯だけ。色を使わず、面の大小と明暗で比べさせる
  • 3本文は1920px換算14pxと小さめ。投影より、手元で読む資料として組んでいる

Measured

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

本文・見出しを置く範囲
余白(1920px換算)
上44 右162 下24 左40
1枚の文字量
中央値 約274字
多いページ
約779字
写真・画像の面積
約11%

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

Color

配色

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

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

Typography

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

英字見出し・数字

使用
Avenir系(推定)
代替
Nunito Sans

見出し・本文(和文)

使用
ヒラギノ角ゴ系(推定)
代替
Noto Sans JP
  • 表紙・中扉の大見出し資料の型 Aa48px · PPT 24pt
  • ページ見出し資料の型 Aa20px · PPT 10pt
  • 本文資料の型 Aa14px · PPT 7pt
  • 注釈・出典資料の型 Aa12px · PPT 6pt

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

Page types

ページの型

  1. 出典: STORES 株式会社「STORES Company Slide for Designers」p.1

    表紙

    黒一色の地に、小さな会社名と英字の大見出し2行を左揃えで置く。2行目だけ淡いグラデーションで塗り、対象読者を示す語を目立たせる。四隅にロゴや更新日を小さく。

  2. 出典: STORES 株式会社「STORES Company Slide for Designers」p.6

    中扉

    左半分は黒の地に和文の見出しと灰色の英字副題だけ。右半分に写真を置き、上下左右に黒の余白を残して額装のように見せる。

  3. 出典: STORES 株式会社「STORES Company Slide for Designers」p.9

    図解

    白地に楕円を4つ重ね、左の2つは白地に黒の線、右の2つは黒地に白抜き。明暗で役割を分け、重なりの中央に小さな立体キャラクターを置く。

  4. 出典: STORES 株式会社「STORES Company Slide for Designers」p.10

    図解

    下に年号の目盛りを並べ、その上に左から右へ伸びる帯を階段状に3段重ねる。最上段だけ黒地に白文字にし、現在の年号を黒丸で示す。

  5. 出典: STORES 株式会社「STORES Company Slide for Designers」p.11

    グラフ

    左上に見出しと短い説明、右下へ向けて小さな楕円と巨大な楕円を点線で結ぶ。数字は楕円の中に白抜き。軸も目盛りもなく、面積の差だけで伸びを見せる。

  6. 出典: STORES 株式会社「STORES Company Slide for Designers」p.13

    中扉

    5頁と同じ型で、右の写真だけを替える。中扉の型を固定し、章が変わったことを写真の色味で知らせる。

Reproduce

この型で資料を作るには

  • 01色は黒(#191919)と白が基本。有彩色は写真とキャラクターに任せる
  • 02図解は楕円・帯・点線だけで作り、軸や凡例を置かない
  • 03中扉は左に黒い面と見出し、右に写真の半々で固定
  • 04本文14px・見出し20px・大見出し48px(1920px換算)の3段
  • 05左下にスローガン、右下にコピーライトを全頁同じ位置に置く
  • 06色を黒白に絞り、図解の明暗で意味を分ける
  • 07グラフは軸を捨て、面積の比で1つの主張だけを見せる
  • 08中扉の型を1つに決めて、写真だけを差し替える

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

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

STORES Company Slide for Designersについてよくある質問

STORESのデザイナー向け資料のデザインの特徴は?

黒と白に色を絞り、図解は楕円や帯の明暗と大きさだけで作っている。中扉は左に黒い面、右に写真の半々の型で統一。

何ページある?

全38ページ、16:9。本文は1920px換算14px、1ページの文字量は中央値で約270字。

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

PDFから書体名は取れなかった。英字は幾何学的なサンセリフ、和文は角ゴシックに見える。無料ならNunito SansとNoto Sans JPで近づけられる。

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

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

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