Company DeckJapan16:9 · 59p
Ubie株式会社_会社紹介資料
Ubie株式会社の会社紹介資料 — 資料デザインの参考

Editor's note — 編集部の視点
白地に淡いラベンダーを敷いて、医療の硬さを抜いている。
Ubie株式会社の会社紹介資料は、表紙でロゴの形を大きく切り取り、本文は青みのグレーの文字と写真で静かに組むことで、親しみと信頼を両立させている。

表紙のロゴ、右下で半分はみ出してるのがかわいすぎる!!医療の資料って身構えちゃうけど、この入口なら最後までめくれる。初見の人の緊張を最初の1枚でほどいてくれるの、ありがたい〜
- 1表紙の右下にロゴの形を大きく裁ち落とす。社名だけの左側と、色の重さで釣り合いを取る
- 2本文は1920px換算で27px、文字色は黒でなく青みのグレー。医療の話でも圧が出ない
- 3数字のページは同じ大きさのピンクの円を3つ並べる。比べる前に、規模感だけを先に渡す
Measured
判型・余白・文字量(実測)
- 余白(1920px換算)
- 上40 右221 下133 左54
- 1枚の文字量
- 中央値 約231字
- 多いページ
- 約516字
- 写真・画像の面積
- 約70%
公開PDFの59ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です(ページ番号などの小さな文字は端から 上33・下26・左46・右39px)。
Color
配色
実測の面積比(代表ページ)
本文の文字色と背景のコントラスト: 9.8:1
Typography
書体と文字サイズ(実測)
和文の見出し・本文(PDFに埋め込まれた書体名)
- 使用
- MS PGothic
- 代替
- Noto Sans JP
欧文・数字(SemiBold / Bold)
- 使用
- Open Sans
- 代替
- Open Sans
和文の強調(Bold)
- 使用
- Noto Sans JP
- 代替
- Noto Sans JP
PDFに埋め込まれた書体: MS-PGothic(80%)、OpenSans-SemiBold(7%)、OpenSans-Bold(6%)、OpenSans-Medium(3%)
- 表紙・中扉の大見出し資料の型 Aa51px · PPT 26pt
- ページ見出し資料の型 Aa37px · PPT 19pt
- 本文資料の型 Aa27px · PPT 14pt
- 注釈・出典資料の型 Aa21px · PPT 11pt
px は横1920pxに換算した値。見本は半分の大きさで表示しています。
Page types
ページの型

表紙
左に社名と資料名を2行、その下に一行の添え書きと日付。右下にはロゴの形を拡大して裁ち落とし、ピンクとブルーの面で画面の重心を作る。背景は白から淡いラベンダーへのグラデーション。

本文
左半分に小さな見出しラベル、2行の大きな見出し、本文を縦に積む。右半分は写真を天地いっぱいに置く。文字の側は白地のまま残し、読む面と見る面をはっきり分ける。

メッセージ
左に見出しと長めの本文、末尾に肩書きと署名。右3分の1に経営者の立ち姿を置く。本文は段落ごとに1行空け、長文でも一つの塊に見せない。

数字
同じ直径のピンクの円を横に3つ並べ、中に数字を大きく、上に分類ラベル、下に注記番号。円の下に青い矢印と2行の結論を置き、数字から主張へ視線を落とす。
Reproduce
この型で資料を作るには
- 01文字色は黒ではなく青みのグレー(#3d4454)が基本。黒は見出しの一部だけ
- 02本文は1920px換算で27px前後、見出しは37px。段差は控えめにする
- 03強調色はピンクとブルーの2色だけ。数字はピンク、ラベルや補足はブルー
- 04背景は白。面を敷くときは淡いラベンダーのグラデーションまで
- 05本文ページの写真は片側に寄せ、文字の側は白地を残す
- 06ロゴの形を大きく拡大し、表紙の角で裁ち落とす
- 07本文色は青みのグレーにして、黒の強さを避ける
- 08数字は同じ大きさの円に入れて横に並べる
- 09写真は半面に寄せ、文字の側に白地を残す
スライドのデザイン分析MDに含まれるもの
実測の判型・余白・文字サイズ(PowerPoint / Google スライドの pt 換算つき)・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料(HTMLスライド)の実装方針 / 盗用を避ける差し替えリスト(Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json)
Ubie株式会社_会社紹介資料についてよくある質問
Ubieの会社紹介資料のデザインの特徴は?
白地と淡いラベンダーの面に、ロゴのピンクとブルーを差し色で使う構成です。本文は青みのグレー(#3d4454)で組まれ、写真を半面に大きく置くページが多くあります。
どんなフォントを使っている?
PDF上の書体名はMS PゴシックとOpen Sansが中心で、一部にNoto Sans JPのBoldが使われています。再現するならNoto Sans JPとOpen Sansで近い印象になります。
何ページある?
全59ページ、16:9の横長です。本文は1920px換算で27px、見出しは37pxです。
安心してお使いいただくために
- 引用の範囲で掲載
- 代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
- PDF・画像は配布しません
- 資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
- MDは数値と構造だけ
- デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
- 人物写真に配慮
- 一般の社員・来場者など、私人が大きく写るページは掲載しません。
著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する



