デザイン

スライドの型

各型の見本HTMLです。ブラウザでそのまま開けます(foundations/tokens.css を読み込んでいます)。文言は「〇〇」のプレースホルダーなので、元資料の文に置き換えて使います。

ファイル 型 使いどころ
cover.html cover 表紙。idea-600 地に白の大見出しと社名。フッターなし
key-message.html key-message 趣旨・結論。核メッセージのカード+箇条書き
two-column.html two-column 比較。同じ大きさの箱2つ
three-column.html three-column 段階ごとの施策・資金計画など、並列の3項目
arrow-table.html arrow-table 課題 → 取り組み
step-table.html step-table 段階・判断条件の表
cycle.html cycle 循環図(3要素+矢印+説明、3から1へ戻る線)
profile.html profile 会社概要+代表者
closing.html closing 最終スライド。依頼事項+連絡先

使い方

  • 項目数(箇条書き・行・カード)は元資料に合わせて増減します。型の構造(列数・配色)は変えません。
  • 配色パターンが dark のときは、背景を rock-900、文字を rock-50 に置き換えます(foundations/color-patterns.md)。
  • 合う型がないときは、新しい型を勝手に作らず、構成表(workflow.md の手順1)で相談します。