S-COVER

表紙型

タイトル+サブタイトル、大胆な余白。プレゼン冒頭の1枚。

EYEBROW
title
S-Cover:中央寄せ、大胆な余白
S-Cover表紙型

プレゼン冒頭の1枚。文字のみ、装飾は最小限。

スロット: title + subtitle + eyebrow(任意)
コンポーネント: .sl-cover(未実装、新規コンポーネント)
S-AGENDA

アジェンダ/目次型

番号付きリスト。プレゼン開始直後に全体像を提示する。

01
02
03
04
S-Agenda:番号+ラベルの縦list
S-Agendaアジェンダ/目次型

3〜6項目。プレゼン開始直後に使う。

スロット: items[](各: num+label、3〜6個)
コンポーネント: .sl-agenda(未実装、新規コンポーネント)
S-SECTION

セクション区切り型

大型章番号+タイトルのみ、余白多め。A4版のG型と違い、単独の1枚として成立する。

03
S-Section:大型番号+タイトル、余白多め
S-Sectionセクション区切り型

章の切り替わり。単独の1枚として成立するため、他の型に付加する必要はない(A4版のG型との違い)。

スロット: sectionNum + sectionTitle
コンポーネント: .sl-section(未実装、新規コンポーネント)
S-CTA

締め型

大きな見出し+アクション。S-Coverと対になる「裏表紙」的な1枚。

CTA
S-CTA:ダーク背景、中央寄せ
S-CTA締め型

プレゼン締め・行動喚起。文字のみ、装飾は最小限。

スロット: headline + cta(1文)
コンポーネント: .sl-cta(未実装、新規コンポーネント)
S-BOXES

コンテンツ+ボックス型

上部説明+下部複数ボックス。複数の要点の列挙(A4版のC型に相当)。

box 1
box 2
box 3
S-Boxes:説明文+均等ボックス3〜4個
S-Boxesコンテンツ+ボックス型

説明1文+ボックス3〜4個。複数の要点を列挙したいとき。

スロット: leadText(1文)+ boxes[](各: heading+body短文、3〜4個)
コンポーネント: .sl-boxes(未実装、新規コンポーネント)
S-DASHBOARD

マルチカードダッシュボード型

4〜5枚の均等/準均等カード。複数指標・複数施策の並列提示。

01
02
03
04
S-Dashboard:4〜5枚の均等カード
S-Dashboardマルチカードダッシュボード型

複数指標・複数施策を並列に見せたいとき。

スロット: cards[](各: icon+heading+value、4〜5個)
コンポーネント: .sl-dashboard(未実装、新規コンポーネント)
S-TEAM

チーム/人物紹介型

顔写真+名前+役職の複数列挙。チーム紹介・登壇者紹介・体制図。

S-Team:円形アバター+名前の列挙
S-Teamチーム/人物紹介型

3〜5人。チーム紹介・登壇者紹介・体制図。

スロット: people[](各: photo+name+role、3〜5人)
コンポーネント: .sl-team(未実装、新規コンポーネント)
S-MATRIX

2×2グリッド型

4象限+軸ラベル。2軸で分類・優先順位付け(A4版のI型と同じ発想)。

象限1
象限2
象限3
象限4
← Y軸: Low
Y軸: High →
S-Matrix:2×2グリッド+軸ラベル
S-Matrix2×2グリッド型

2軸で分類・優先順位付けしたい場合(優先度マトリクス等)。

スロット: xAxisLabel + yAxisLabel + quadrants[](4象限、各: label+items[]1〜2個)
コンポーネント: .sl-matrix(未実装、新規コンポーネント)
S-STAT

単一統計強調型

巨大な数字1つが主役。1つの強い数字にスポットを当てる。

92%
S-Stat:巨大な数字+短いラベル
S-Stat単一統計強調型

数字1つ、文章は最小限。強い数字にスポットを当てたいとき。

スロット: bigNumber + label + note(任意)
コンポーネント: .sl-stat(未実装、新規コンポーネント)
S-TABLE

表型

テーブル中心。詳細データの一覧提示。

S-Table:行×列のテーブル
S-Table表型

表1つ、行4〜6行。詳細データを一覧で見せたいとき。

スロット: tableRows[](4行前後)
コンポーネント: .sl-table(未実装、新規コンポーネント)
S-CHART

チャート型

グラフ1つ+短い説明。数値の時系列・傾向の提示。

chart
S-Chart:グラフ+補足キャプション
S-Chartチャート型

チャート1つ+説明1文。数値の傾向を見せたいとき。

スロット: chart(1点)+ caption(1文)
コンポーネント: .sl-chart(未実装、新規コンポーネント)
S-COMPARISON

比較型

左右2パネルで対比。2つの選択肢・状態(Before/After含む)の対比。

left panel
right panel
S-Comparison:左右対比パネル
S-Comparison比較型

2パネル×項目2〜4個。2つの選択肢・状態の対比。

スロット: leftPanel + rightPanel(各: heading+points[]2〜4個)
コンポーネント: .sl-comparison(未実装、新規コンポーネント)
S-TIMELINE

タイムライン/ロードマップ型

横並びステップ。時系列・手順・将来計画の提示。

01
02
03
04
05
S-Timeline:横並びステップ
S-Timelineタイムライン/ロードマップ型

3〜6ステップ。時系列・手順・将来計画の提示。

スロット: steps[](各: num+label、3〜6個)
コンポーネント: .sl-timeline(未実装、新規コンポーネント)
S-CYCLE · NEW

循環プロセス型

円環状に配置されたステップ。S-Timeline(直線・一方向)とは対照的に、継続的に繰り返すプロセスを表現する。Atelier14パターンには無い、deep-research由来の追加型。

01
02
03
04
S-Cycle:円環状のステップ配置
S-Cycle循環プロセス型

継続的に繰り返すプロセス(PDCA・改善サイクル等)。Atelier14パターンには無い型:Microsoft SmartArt・Beautiful.aiの両方で直線Timelineとは別カテゴリとして確立していることをdeep-researchで確認済み。

スロット: steps[](各: num+label、3〜6個)+ centerLabel(任意)
コンポーネント: .sl-cycle(未実装、新規コンポーネント)
S-QUOTE

引用型

大きな引用文が主役。証言・第三者評価を際立たせる(A4版のK型と同じ発想)。

"
S-Quote:大型引用文+出典
S-Quote引用型

引用文1文のみ。証言・第三者評価を際立たせたいとき。

スロット: quoteText(1文)+ attribution(任意)
コンポーネント: .sl-quote(未実装、新規コンポーネント)
ANTI-PATTERNS

禁則

A4版のAnti-patternsに加え、スライド固有のもの。詳細はslide-deck-layout-system.md参照。

✕ 1枚に2つ以上の型を混在させる

A4版は「主+従1つまで」を許容するが、スライドは複合そのものを避ける(1スライド=1メッセージ原則)。

✕ アクセントカラーを装飾全般に使う

Atelierの「アクセントは最重要の1点だけに使う」規律。A4版・Envato実例分析とも一致する一般原則。

✕ キャンバスサイズ(16:9)を崩す・スクロールを前提にする

Atelierの「解像度1920×1080ハード制約」がそのまま該当。スライドはスクロールが存在しない前提の媒体。

✕ 本文の中央寄せ(意図的な場合を除く)

Atelierのanti-patterns由来。

✕ セーフエリア(余白)の侵食・要素の重なり・読み順を無視した配置

Atelierのanti-patterns由来。

design:artifact-design-toolkit / references — 型定義の正本は references/slide-deck-layout-system.md。本ページはその視覚ミラー。姉妹プロジェクトAtelierとの相互参照は references/slide-layout-system-reference.md