Investor Presentation
Overseas / AU16:9 · 61p
Investor Forum '26
Atlassianの投資家向け資料 — 資料デザインの参考
Editor's note — 編集部の視点
グラフは青い面をどんと1枚。
Atlassianの投資家向け資料は、Charlie Displayの太い見出しとブランドの青1色を軸に、大きな数字と図を余白の広いグリッドへ収め、説明会の論点を1枚に1つずつ絞っている。
市場規模の図を見せた次のページで、同じ図の左に暗い帯を重ねて打ち手を並べるんだよね。図を描き直さずに、話だけを一段進めてる。聞き手が迷う隙がない。これはうまい
- 1本文は1920px換算23px、文字は中央値172字。投影して読む前提で、量を思い切って絞る
- 2同じ図に暗い帯を重ねて打ち手を足す。前のページを引き継ぐから、話が途切れない
- 3表紙の役員写真は青い丸で統一。顔ぶれを見せつつ、ブランドの色からはみ出さない
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上117 右174 下31 左122
- 1枚の文字量
- 中央値 約172字
- 多いページ
- 約607字
- 写真・画像の面積
- 約7%
公開PDFの61ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上52・下31・左85・右145px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 14.3:1
Typography
書体と文字サイズ（実測）
見出し（Black / Bold）・本文（Light / Regular）
- 使用
- Charlie Display
- 代替
- Plus Jakarta Sans
注記・グラフの目盛り
- 使用
- Arial
- 代替
- Arimo
PDFに埋め込まれた書体: CharlieDisplay-Regular（35%）、CharlieDisplay-Light（31%）、CharlieDisplay-Bold（13%）、ArialMT（8%）
- 表紙・中扉の大見出し資料の型 Aa120px · PPT 60pt
- ページ見出し資料の型 Aa31px · PPT 16pt
- 本文資料の型 Aa23px · PPT 12pt
- 注釈・出典資料の型 Aa22px · PPT 11pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
明るい灰の地に、右上から青い円弧を大きく差し込む。題は黒の極太で1行、その下に役員の顔写真を青い丸で4つ並べ、背景には細い線画のアイコンを薄く散らす。
グラフ
見出しを中央に2行で置き、強調の語だけ太字にする。下半分は青い面グラフを画面の端から端まで広げ、説明文は面の中に白で入れる。
数字
上に小さなラベルと特大の数字を中央揃えで置き、下に半円のグラフを据える。領域ごとに色を変え、中央の土台に自社の製品群をまとめる。
図解
前のページと同じ半円のグラフを右にずらし、左に暗い帯を重ねる。帯には見出しと打ち手を4つ、アイコンと太字の英字で縦に並べる。
図解
青いグラデーションの地に氷山の写真を切り抜いて置く。水面の上下から細い線を引き出し、右に3段の説明と大きな数字を並べる。
比較・表
3つの柱を角丸のカードで横に並べ、上端だけ色の違う図柄の帯で区別する。中身は短い説明と箇条書き、下端に製品のアイコンを小さく置く。
Reproduce
この型で資料を作るには
- 01強調色はブランドの青1色。グラフもほぼ青と灰だけで描く
- 02見出しはCharlie Displayの太字、1920px換算31px前後。表紙は120px前後
- 031ページの論点は1つ。文字は中央値172字に収める
- 04左の余白は122px前後、上は117px前後と深めにとる
- 05同じ図を続けて使い、帯や色の追加で話を一段ずつ進める
- 06ブランドの青を1色決め、グラフも面も同じ青で塗る
- 07見出しは極太のサンセリフ、本文は細めのウェイトでジャンプ率を大きくとる
- 08論点が続くときは図を描き直さず、帯を重ねて前のページを引き継ぐ
- 09表紙の人物写真は同じ色の丸で切り抜いて揃える
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
Investor Forum '26についてよくある質問
Atlassianの投資家向け資料のデザインの特徴は？
明るい灰の地にブランドの青を1色だけ使い、大きな面グラフや特大の数字で1枚1論点に絞っています。同じ図に帯を重ねて話を進める構成も特徴です。
どんなフォントを使っている？
自社の書体Charlie Displayです。見出しはBlackやBold、本文はLightやRegularで、注記にArialを使っています。本文は1920px換算で23px前後です。
何ページある？
16:9の横長で61ページです。1ページの文字数は中央値172字と少なめです。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
