東京山側DMC ／ Logo Placement ← ギャラリーへ見くらべ →
ロゴはここに置きます。
実物のロゴを、実際のスライドと同じ 1280×720 の比率に置いて撮りました。 緑のバッジが「おすすめ」、オレンジが「やめたほうがいい」です。おすすめのとおりでよければ、19デザインすべてに自動で入ります。
01おすすめの置き方これで進めます
表紙は左下に大きく＋社名を添える。本文は右下に小さく。最終ページは中央に大きく。この3つだけ覚えれば大丈夫です。
事業に変える
左下・ロゴ88px の下に社名（縦積み）
ロゴの下に社名を積みます。横に並べると重なるので、必ず縦積みにして20px以上あけます。
・担い手は増えたが仕組みがない
・小さく試して、確かめて広げる
株式会社 東京山側DMC右下にロゴ32px＋社名／左下にコピーライト
右下にロゴ32px＋社名32pt。左下にコピーライトとページ番号を並べます。
中央・高さ110px（白抜き）
最後の印象。濃い背景なので filter:invert(1) で白抜きにしています。連絡先の下に置きます。
02本文ページ、どこに置くか4案を並べる
同じスライドで位置だけ変えました。見比べて、違う場所がよければ番号で教えてください。
・担い手は増えたが仕組みがない
・小さく試して、確かめて広げる
おすすめ
良い：視線の抜けに置ける／本文の邪魔をしない／左下のページ番号と競合しない。
気になる：小さいので目立たない（が、本文ページはそれでいい）。
・担い手は増えたが仕組みがない
・小さく試して、確かめて広げる
ページ番号を右下に逃がせば可
良い：本文の左揃えラインと揃って整う。
気になる：左下は出典・注記の定位置。出典を入れるページでぶつかります。
・担い手は増えたが仕組みがない
・小さく試して、確かめて広げる
おすすめしない
良い：最初に目に入る。ブランドを強く出せる。
気になる：左上は見出しの定位置。ロゴを置くと見出しが下がって見出しが弱くなります。本文の行数も減ります。
・担い手は増えたが仕組みがない
・小さく試して、確かめて広げる
おすすめしない
良い：見出しとぶつからない。
気になる：右上は「章タグ」や「ページ内の現在地」を置きたい場所。データのページで数字と競合します。
03これ以上小さくすると、線が消えます
このロゴは細い流線なので、小さくすると投影で消えます。実際に並べました。左から 40px（推奨）／32px（下限）／24px（アウト）。
推奨サイズ
本文ページはこれ。線がはっきり残ります。
ここが下限
これ以上は小さくしません。ぎりぎり読めます。
アウト
プロジェクターの縮小で線がつぶれ、何の形か分からなくなります。
04濃い背景では白抜きにします
沈んで見えません
ダークSaaS・グラデ方眼・一言ステージなど、暗い背景のデザインで起きます。
白抜き
CSSの1行だけで白くなります。別の画像ファイルは要りません。
05ルール一覧
| 項目 | 決めごと | 理由 |
|---|---|---|
| ファイル | https://yamagawa-slide-design.pages.dev/logo.png（透過PNG・500×362） | 全スライドから同じものを読む。差し替えれば全部に反映 |
| 表紙 | 左下・ロゴ88px の真下に社名34px（20px以上あける） | 横並びだと重なる。マークだけでは社名が伝わらない |
| 本文・データ・章扉 | 右下にロゴ32px＋社名32px（間隔14px） | 視線の抜けに社名が残る |
| まとめ | 中央・ロゴ110px＋社名34px | 最後の印象を作る |
| コピーライト | 全ページの左下に「© 2026 株式会社東京山側DMC」32px | どのページを切り取られても権利表示が残る |
| 最小サイズ | 高さ32px を下回らせない | 細い線が投影で消える |
| まわりの余白 | ロゴの高さの0.5倍以上（40pxなら20px以上） | 他の要素が寄ると窮屈に見える |
| 濃い背景 | filter:invert(1) を足す | 黒のままだと沈む |
| 禁止 | 引き伸ばす／回転する／色を変える／影をつける | 形が崩れる。白抜きだけは可 |