slide-style
まず example.md を読み、40種類のレイアウトパターンから最適なものを選んで適用する。
独自レイアウトを作成せず、example.mdのパターンを使うことでデザインの一貫性を維持する。
参照ファイル
| ファイル | 内容 |
|---|---|
example.md | 40種類のレイアウトパターン |
docs/style-guide.md | カラー、タイポグラフィの詳細 |
パターンカテゴリ
- •A. タイトル・セクション系（5種）: タイトル、セクション開始/終了、目次、クロージング
- •B. カラムレイアウト系（8種）: 2〜5カラム、グリッドレイアウト
- •C. 縦並びリスト系（4種）: ステップ、タイムライン、アイコン付き、チェックリスト
- •D. パネルデザイン系（5種）: 基本、強調、ガラス風、グラデーション、引用
- •E. 背景・画像系（4種）: 全画面、画像配置、背景画像
- •F. 強調・特殊系（3種）: 統計、中央配置、Q&A
- •G. 応用パターン（10種）: QRコード、比較表、フロー図など
デザインルール
カラーパレット
code
プライマリグラデーション: linear-gradient(to right, #1B4565, #3E9BA4) グレースケール: gray-50, gray-100, gray-600, gray-700, gray-800
文体ルール
- •コロン（：）を使用しない → スペースで区切る
- •感嘆符（！）や疑問符（？）を避ける
- •装飾的な絵文字を避ける
- •1スライドあたりアクセントカラーは1-2色まで
使い方
code
/slide-style をつかってスライド15-20のスタイルを整えて
処理手順
- •対象スライドを読み込む
- •
example.mdから適切なパターンを選択 - •
docs/style-guide.mdのルールに従ってデザインを統一 - •文体ルールを適用