Company Deck日本Japan16:9 · 49p

株式会社マネーフォワード 会社紹介 / Company Profile

株式会社マネーフォワードの会社紹介資料 — 資料デザインの参考

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

Editor's note — 編集部の視点

背景は白じゃなく、ほんのりクリーム色。

マネーフォワードの会社紹介資料は、全ページの地をクリームにしてオレンジのグラデーションと手描きのイラストを重ね、お金の会社の硬さを家の中のような温度まで下げている。

IrisColor & Brand
クリームの地にオレンジを重ねると、焼きたてのパンみたいな色の温度になるのがすき。本文もまっ黒じゃなく茶色がかったグレーだから、お金の話なのに肩の力が抜けて読める感じ。
  • 1地色はクリームの #fff9e5。白より一段暖かく、数字の多いページでも冷たく見えない
  • 2人物写真はアーチ形に切り、角にオレンジの葉のような形を重ねる。役員の紹介が柔らかくなる
  • 3本文は1920px換算で21〜24pxの細めのゴシック。強調はオレンジの文字色だけで済ませる

Measured

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

本文・見出しを置く範囲
余白(1920px換算)
上63 右138 下105 左91
1枚の文字量
中央値 約319字
多いページ
約508字
写真・画像の面積
約24%

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

Color

配色

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

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

Typography

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

和文の見出し・本文(埋め込み名。字形は細めのゴシック)

使用
MS PGothic
代替
Noto Sans JP

英字の見出し・数字(Medium)

使用
Montserrat
代替
Montserrat

PDFに埋め込まれた書体: MS-PGothic(82%)、Montserrat-Medium(18%)、ArialMT(0%)

  • 表紙・中扉の大見出し資料の型 Aa48px · PPT 24pt
  • ページ見出し資料の型 Aa27px · PPT 14pt
  • 本文資料の型 Aa21px · PPT 11pt
  • 注釈・出典資料の型 Aa19px · PPT 10pt

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

Page types

ページの型

  1. 出典: 株式会社マネーフォワード「株式会社マネーフォワード 会社紹介 / Company Profile」p.1

    表紙

    クリーム地に太いオレンジの筆跡のような曲線を散らし、右に手描きの人物イラストを大きく置く。左にロゴと英題を細いウェイトで2行、日付は小さく。

  2. 出典: 株式会社マネーフォワード「株式会社マネーフォワード 会社紹介 / Company Profile」p.3

    メッセージ

    左に街と自然を円に閉じ込めた大きなイラスト、右にミッションとビジョンを細い文字で積む。下に価値観を小さな丸と線のアイコンで並べる。

  3. 出典: 株式会社マネーフォワード「株式会社マネーフォワード 会社紹介 / Company Profile」p.7

    比較・表

    左に点線で区切った会社概要の表、右半分を裁ち落としのオフィス写真に。表は項目名と内容の2列だけで、罫線は細い点線にとどめる。

  4. 出典: 株式会社マネーフォワード「株式会社マネーフォワード 会社紹介 / Company Profile」p.14

    中扉

    オレンジのグラデーションを全面に敷き、左上を大きな円弧で切る。章番号を白い丸で囲み、章題を白抜きの細い文字で横に並べる。

  5. 出典: 株式会社マネーフォワード「株式会社マネーフォワード 会社紹介 / Company Profile」p.24

    人物紹介

    左に役員の写真をアーチ形に切り抜き、角にオレンジの形を2つ重ねる。右に役職ラベル、2行の見出し、本文。本文の要所だけオレンジの文字色にする。

  6. 出典: 株式会社マネーフォワード「株式会社マネーフォワード 会社紹介 / Company Profile」p.36

    人物紹介

    同じアーチ形の枠で別の役員を紹介する。写真の切り方、飾りの位置、右の文章の組み方を揃え、2人のメッセージを同じ型で読ませる。

Reproduce

この型で資料を作るには

  • 01地色は全ページクリーム(#fff9e5)。白地のページはつくらない
  • 02強調はオレンジの文字色か、オレンジのグラデーションの面。ほかの色相は足さない
  • 03本文は21〜24px前後、見出しは27px前後。太字に頼らず細めのウェイトで組む
  • 04写真はアーチ形か半面の裁ち落とし。四角い枠のまま置かない
  • 05左の余白は91px前後、右は138px前後。右側を広くあけて文字の列を短く保つ
  • 06地色をクリームにして、白い面は表やカードの中だけに使う
  • 07オレンジからアプリコットへのグラデーションを中扉と飾りの形に共通で使う
  • 08人物写真はアーチ形のマスクで切り抜き、角に同系色の形を重ねる
  • 09英字の見出しは Montserrat の Medium、和文は細めのゴシックで揃える

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

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

株式会社マネーフォワード 会社紹介 / Company Profileについてよくある質問

マネーフォワードの会社紹介資料のデザインの特徴は?

全ページの地をクリーム色にし、オレンジのグラデーションと手描きのイラストで温かみを出しています。人物写真はアーチ形に切り抜いています。

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

埋め込み名は和文が MS PGothic、英字が Montserrat Medium です。本文は1920px換算で21〜24px前後です。

何ページある?

16:9 の横長で49ページです。1ページの文字数は中央値で319字ほどです。

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

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

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