Annual Report
Overseas / SEA4縦 · 55p
Oatly Sustainability Update 2024
Oatly Group ABの年次・インパクトレポート — 資料デザインの参考
Editor's note — 編集部の視点
報告書なのに、ポスターみたいに叫ぶ。
Oatly（Oatly Group AB）のサステナビリティ報告は、手描き風の極太コンデンス体と黒×ピンクの斜線のグラフ、タイプライター調の本文で、数字の多い報告をブランドの口調のまま通している。
見出しは叫んでるのに、本文はタイプライターで淡々と事務報告。この温度差がないと、ただのうるさい冊子になる。ピンクをグラフと札にしか使わない節度も含めて……いいね！！
- 1見出しは版画のようにかすれた極太の縦長文字。ページごとに大きさを変え、紙面が跳ねる
- 2グラフは黒とピンクの2色で、最新年だけ斜線で塗る。色を増やさず今年の値を示す
- 3本文は1920px換算36pxのタイプライター調。手描きの見出しとの落差が効いている
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上296 右175 下276 左184
- 1枚の文字量
- 中央値 約2216字
- 多いページ
- 約3459字
- 写真・画像の面積
- 約0%
公開PDFの55ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上238・下157・左184・右174px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 21:1
Typography
書体と文字サイズ（実測）
表紙・見出し・グラフの題
- 使用
- 手描き風の極太コンデンス体（推定）
- 代替
- Anton
本文（タイプライター調）
- 使用
- Margo Pro
- 代替
- Courier Prime
PDFに埋め込まれた書体: MargoPro-Regular（98%）、ToniNouveauPro-Regular（1%）、MargoPro-Bold（1%）、Calibri（0%）
- 表紙・中扉の大見出し資料の型 Aa64px · PPT 32pt
- 本文資料の型 Aa36px · PPT 18pt
- 注釈・出典資料の型 Aa26px · PPT 13pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
黒い地に、かすれた白の極太コンデンス体で題を4行、紙面いっぱいに組む。右下にピンクのギザギザの札を貼り、短い合言葉を斜めに載せる。
数字
巨大な年号と題を最上段に置き、下に棒グラフ、数字の黒い箱、半円のメーターを詰め込む。最新年の棒だけを斜線にし、吹き出しで値を示す。
図解
手描きのイラストに、曲線に沿って流れる手描きの文字を絡める。目標の本文は小さな黒いラベル付きの箱に入れ、絵と文を交互に置く。
まとめ
目標を黒い箱に白の大文字で並べ、達成度をピンクの吹き出しやギザギザの札で貼り付ける。進み具合を、表ではなく付箋の感覚で見せる。
グラフ
円グラフを黒・ピンク・斜線・ピンクの斜線の4種で塗り分ける。色を2色に絞ったまま、塗り方の違いで項目を分ける。
数字
人数を大きな数字で見せ、内訳は人のシルエットに札を添えて示す。点線の枠で囲み、手作りの掲示物のように仕上げる。
Reproduce
この型で資料を作るには
- 01色は黒・白・ピンクの3色だけ
- 02最新年のデータは斜線で塗る
- 03見出しは手描き風の極太コンデンス体、本文はタイプライター調
- 04状態を示す語は吹き出しやギザギザの札で貼る
- 05本文36px・注記26px（1920px換算）。上下の余白は約280〜300px
- 06見出しに太いコンデンス体を使い、版画のようなかすれを加える
- 07色を黒とピンクの2色に絞り、斜線の塗りで区別を増やす
- 08本文は等幅のタイプライター調で、事務的に組む
- 09達成度などの状態は、吹き出しや札の形で貼り付ける
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
Oatly Sustainability Update 2024についてよくある質問
Oatlyのサステナビリティレポートのデザインの特徴は？
かすれた極太のコンデンス体の見出しと、黒とピンクの2色に斜線を加えたグラフ、タイプライター調の本文で組んでいます。達成度は吹き出しや札の形で示しています。
どんなフォントを使っている？
本文は Margo Pro です。見出しは手描き風の極太コンデンス体で、埋め込み書体からは特定できません。近いものを無料で使うなら、見出しは Anton、本文は Courier Prime です。
何ページある？
A4縦で55ページです。1ページの文字数は中央値2216字です。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
