Integrated Report
Japan16:9 · 76p
伊藤忠商事 統合レポート2026
伊藤忠商事の統合報告書 — 資料デザインの参考
Editor's note — 編集部の視点
どのページにも、右端に目次が付いてくる。
伊藤忠商事の統合報告書は、横長の誌面の右に灰色の目次の柱を常に残し、いま読んでいる章を青で示すことで、76ページの報告書をWebサイトのように行き来できる読み物にしている。
トップメッセージの扉、題は細い欧文セリフで、名前は筆の署名。本文の筑紫ゴシックとは声色を変えて、ここだけ手紙の顔にしてる。……分かってるじゃない。
- 1右端の約4分の1は目次の柱。読んでいる章が青く塗られ、PDFでも迷子にならない
- 2成長の歩みは、上に年ごとの棒グラフ、下に計画ごとの表を年の軸に合わせて置く。数字と出来事が縦でつながる
- 3本文は1920px換算で15px、1ページ中央値1778字。投影でなく画面で読み込む前提の密度
Measured
判型・余白・文字量（実測）
- 余白（1920px換算）
- 上153 右470 下119 左77
- 1枚の文字量
- 中央値 約1778字
- 多いページ
- 約2267字
- 写真・画像の面積
- 全面に画像（判定不可）
公開PDFの76ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です（ページ番号などの小さな文字は端から 上42・下83・左77・右115px）。
Color
配色
実測の面積比（代表ページ）
本文の文字色と背景のコントラスト: 18.3:1
Typography
書体と文字サイズ（実測）
本文・見出し
- 使用
- 筑紫ゴシック Pro（TsukuGoPro R・E）
- 代替
- Zen Kaku Gothic New
欧文・数字
- 使用
- Roboto（Light・Medium）
- 代替
- Roboto
小さな補足
- 使用
- こぶりなゴシック（KoburinaGoStdN W1）
- 代替
- Noto Sans JP
メッセージの題
- 使用
- RoHMincho Std（Bd）
- 代替
- Noto Serif JP
PDFに埋め込まれた書体: TsukuGoPro-R（72%）、TsukuGoPro-E（11%）、Roboto-Light（10%）、Roboto-Medium（5%）
- 表紙・中扉の大見出し資料の型 Aa21px · PPT 11pt
- 本文資料の型 Aa15px · PPT 8pt
- 注釈・出典資料の型 Aa13px · PPT 7pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型
表紙
濃淡の違う青の平行四辺形を斜めに重ねて全面を埋め、中央右に斜体の英字タイトルを置く。冒頭の1語だけ白い箱で抜き、下に和文の書名、左下に社名ロゴを小さく添える。
メッセージ
カーキの地に代表の写真を大きく置き、左に細い欧文セリフの題と和文の副題、筆の署名を縦に積む扉。右端には目次の柱を残す。
本文
上に代表の写真、下に本文を3段組で流し込み、途中に大きめの引用見出しを差し込む。右端の目次の柱で、いまの章が青く示される。
メッセージ
左に人物写真、右の白い面に欧文セリフの題と和文の副題、署名を置く扉。地を左右で塗り分け、前の扉と構図を変えて区別する。
タイムライン
上段に年ごとの棒グラフと利益の伸びを示す矢印、下段は青の地に計画ごとの方針と成果を列で並べた表。列を年の軸に合わせ、縦に読むと数字と出来事が対応する。
本文
紺の見出し帯の下に3段組の本文を並べ、各段の頭に青い見出しの箱を置く。写真は段の中に小さく収め、文章を主役にする。
Reproduce
この型で資料を作るには
- 01右側約470px（1920px換算）は目次の柱に固定し、現在の章を青で示す
- 02見出しと強調は青#0150b3系、本文は墨色
- 03和文は筑紫ゴシック、数字はRoboto Lightで組む
- 04表紙と章の扉は、青の斜めの帯（平行四辺形）で統一する
- 05トップメッセージの扉だけ、欧文セリフの題と筆の署名で格を上げる
- 06横長の誌面の右に目次の柱を固定し、現在地を色で示すテンプレートをつくる
- 07本文は3段組を基本に、見出しの箱と引用見出しでリズムをつける
- 08グラフと表の列幅をそろえ、縦に読める構成にする
- 09トップメッセージは写真と署名だけの扉を先に立てる
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ（PowerPoint / Google スライドの pt 換算つき）・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料（HTMLスライド）の実装方針 / 盗用を避ける差し替えリスト（Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json）
伊藤忠商事 統合レポート2026についてよくある質問
伊藤忠商事の統合報告書のデザインの特徴は？
横長の誌面の右端に目次の柱を常に置き、いま読んでいる章を青で示す構成です。表紙は青の斜めの帯を重ねたグラフィックで、本文は3段組の読み物として組まれています。
どんなフォントを使っている？
本文と見出しは筑紫ゴシック Pro、欧文と数字はRoboto（Light・Medium）です。トップメッセージの題には明朝体も使われています。無料で近づけるなら、Zen Kaku Gothic NewとRobotoの組み合わせが合わせやすいです。
何ページある？
16:9に近い横長で76ページです。1ページの文字数は中央値1778字と多く、画面で読み込む前提の誌面です。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する
