Investor Presentation
Overseas / CA16:9 · 54p
Leading the future of commerce — Investor Overview Deck Q1 2025
Shopifyの投資家向け資料 — 資料デザインの参考
Editor's note — 編集部の視点
表紙から、黒地に光る緑の折れ線が右肩上がり。
Shopifyの投資家向け資料は、暗いグラデーションの地と発光する緑のグラフを財務の章まで通し、細いHelvetica Neueの見出しで製品画面のような手触りに揃えている。
表紙の折れ線が、そのまま画面の右上へ突き抜けていくのがたまらない！めくっても暗い地に緑が灯り続けて、ライブの照明が落ちないまま最後の曲まで走り切る感じ。熱が冷めない！
- 1見出しはHelvetica NeueのLightが6割強。太字は要点の語だけで、暗い地でも重く見えない
- 2製品群は4列のカードを＋記号でつなぐ図1枚。事業の広がりを、読む前に掴ませる
- 3コホートの棒は緑のグラデで塗り、要点は角丸の枠で抜く。数字より伸びが先に目に入る
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上102 右96 下40 左99
- 1枚の文字量
- 中央値 約413字
- 多いページ
- 約764字
- 写真・画像の面積
- 全面に画像（判定不可）
公開PDFの54ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上89・下27・左94・右27px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 1.1:1
Typography
書体と文字サイズ（実測）
見出し・本文（Light / Regular / Bold）
- 使用
- Helvetica Neue
- 代替
- Inter
PDFに埋め込まれた書体: HelveticaNeue-Light（64%）、HelveticaNeue-Bold（22%）、HelveticaNeue（14%）、HelveticaNeue-LightItali（0%）
- 表紙・中扉の大見出し資料の型 Aa96px · PPT 48pt
- ページ見出し資料の型 Aa21px · PPT 11pt
- 本文資料の型 Aa16px · PPT 8pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
黒地の左に大見出しを細字で2行、要の語だけ緑に変える。右下から緑に光る折れ線を画面の外へ伸ばし、日付は角丸のピルに入れて小さく添える。
図解
4つの事業領域を縦長の白いカードに並べ、間を緑の＋記号でつなぐ。各カードには製品のロゴだけを縦に積み、最下段に共通の機能を別の枠でまとめる。
写真
顧客3社を縦の3列に分け、上に商品写真、中央に社名と談話、下にどの製品かを示す色帯を置く。帯は緑から青紫へのグラデーションでつなげる。
数字
左に決済ボタンの製品ロゴと見出し、スマホの画面を重ねる。右は青紫の大きな面にして、太字の数字を3つだけ白で積み、細い線で区切る。
グラフ
暗い地いっぱいに四半期の棒を並べ、棒を緑のグラデーションで塗る。左上に角丸の枠を浮かせ、伸び率の要点だけを白の太字で抜き出す。
まとめ
左3分の1を暗いグラデーションの面にして、ピル型のラベルと期間を置く。右の淡いミントの地に、緑の＋アイコン付きで見通しの項目を5行並べる。
Reproduce
この型で資料を作るには
- 01地は黒から深緑へのグラデーション。白地にするのは財務の表だけ
- 02強調色は発光する緑。グラフと見出しの一語に限る
- 03見出しはHelvetica Neue Light、強調語だけBold。表紙の大見出しは1920px換算96px前後
- 04左右の余白は96〜99px前後で揃える
- 05ラベルと要点は角丸のピルや枠に入れ、四角い箱は使わない
- 06黒から深緑へのグラデーションの地を1枚つくり、全ページの下敷きにする
- 07グラフの棒や線は、緑の単色ではなく明るい緑へ抜けるグラデーションで塗る
- 08見出しは細字で組み、強調したい語だけ太字か緑にする
- 09ラベルは角丸のピル型にして、日付や章名に使い回す
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
Leading the future of commerce — Investor Overview Deck Q1 2025についてよくある質問
Shopifyの投資家向け資料のデザインの特徴は？
黒から深緑へのグラデーションの地に、発光するような緑のグラフを重ねています。見出しは細いHelvetica Neueで、強調したい語だけ太字や緑にしています。
どんなフォントを使っている？
ほぼHelvetica Neueの1書体です。Lightが6割強で、残りをRegularとBoldで組んでいます。表紙の大見出しは1920px換算で96px前後です。
何ページある？
16:9の横長で54ページです。1ページの文字数は中央値413字で、財務の表のページほど多くなります。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
