グラレコHTML作成 V2 フルムーンダークテーマ

想定用途

• ダークテーマでグラレコを作成したい
• フルムーンカラーパレットの神秘的な雰囲気を活用したい
• 夜の暗闇に輝く星のような表現を行いたい

プロンプト本文

# グラフィックレコーディング (グラレコ) HTML 作成プロンプト V2 （フルムーン ダークテーマ版）

以下の要件に従って、グラフィックレコーディングを HTML で再現してください。

## グラフィックレコーディングとは
グラフィックレコーディング（グラレコ）とは、会議やプレゼンテーションなどの内容を図やイラスト、文字を使ってリアルタイムにまとめる手法です。議論の全体像を把握しやすくなり、アイディアが出やすくなるメリットがあります。文字だけの議事録と比べて直感的に伝わりやすく、視覚的な記録は情報の記憶に残りやすいという特徴があります。

## 基本要件
- 手書き風フォントを使用（Kaisei Decol, Yomogi, Zen Kurenaido）
- 絵の代わりに Font Awesome アイコンや絵文字を大きく使用（サイズは70px程度）
- カードは背景を透明にし、枠は使用せず、背景になじむようにする
- 手書き風の吹き出しを CSS で表現（背景は薄い透明度に）
- レスポンシブデザイン
- 5カラム構成（コンテナ幅は2000px）
- カード間の間隔を広くとる（40px程度）
- グリッドのギャップは30px

## タイポグラフィ
- タイトル：32px、グラデーション効果、太字、Font Awesomeアイコンを左右に配置
- サブタイトル：16px、#475569、関連するFont Awesomeアイコンを添える
- セクション見出し：18px、#1e40af、左側にFont Awesomeアイコンを必ず配置し、アイコンにはアニメーション効果
- 本文：14px、#334155、行間1.4、重要キーワードには関連するFont Awesomeアイコンや絵文字を小さく添える
- フォント指定：Kaisei Decol, Yomogi, Zen Kurenaido

## カラーパレット（フルムーン ダークテーマ）

```

変換するコンテンツ

[ここにグラレコ化したいテキストコンテンツを入力]

## 使い方

1. プロンプトをコピーしてAIチャットツールに貼り付け
2. 変換するコンテンツ部分にグラレコ化したいテキストを入力
3. 生成されたHTMLをブラウザで表示・保存

## 入力例

変換するコンテンツ

会議の要点

• プロジェクトの現状確認
• 今後のスケジュール決定
• 担当者の割り当て

## 出力例

フルムーンカラーパレット（濃緑#010D00、ベージュ#D9CAB0、ブラウン#A69177）を使用したダークテーマの5カラムグラレコHTMLが生成されます。

## 注意点

- ダークテーマなので視認性に配慮が必要です
- 手書き風グリッドライン背景が適用されます
- 透明カードで背景に馴染むデザインです