ObituaryPen - 追悼メッセージ&弔辞ドラフトメーカー

既存アプリと重複のない新ジャンルとして「手書き風サイン・署名ジェネレーター SignCraft」を企画します。

---

# SignCraft - 手書き風サイン＆署名ジェネレーター

## 1. アプリの目的・ターゲットユーザー
- **目的**: ブラウザ上で「自分だけの手書き風サイン・署名」をデザインし、PNG/SVG形式で保存できる無料ツール
- **ターゲット**: SNSプロフィール用サインが欲しいクリエイター、アーティスト活動を始める人、YouTubeのエンドカード用サイン、同人作家の落款代わりのサイン、ビジネス書類の電子署名イメージを作りたい個人事業主

## 2. 主要機能
- **フリーハンド描画**: マウス/タッチで自由に手書きサインをキャンバス上に描く。筆圧感知風の線幅変化をポインタ速度から疑似再現
- **スタイルプリセット20種**: 「カリグラフィー」「ボールペン」「筆ペン」「マジック」「サインペン」などの筆跡スタイルを選択するとストローク描画スタイルが変化
- **テキスト→サイン自動変換**: 名前を入力するだけで、10種類のサインフォントスタイル(崩し文字風)から自動生成。生成後に手書きで修正可能
- **デコレーション追加**: アンダーライン・囲みライン・ドット・星マークなどのサイン装飾パーツをワンクリックで追加
- **背景・カラー設定**: 線色(単色/グラデーション)・背景(透過/白/任意色)・キャンバスサイズ(正方形/横長/名刺サイズ)を選択
- **PNG/SVGダウンロード**: 透過PNG・白背景PNG・SVGの3形式でダウンロード。ギャラリーにLocalStorageで最大12件保存

## 3. 画面構成
### メイン画面(1画面完結)
- **上部ヘッダー**: ロゴ「SignCraft」+ 使い方ボタン(モーダル)
- **左サイドパネル(PC) / 上部タブ(スマホ)**:
- モード切替タブ:「手書きモード」「テキスト変換モード」
- 手書きモード: 筆跡スタイル選択グリッド(5×4)、線の太さスライダー、線色ピッカー
- テキスト変換モード: 名前入力フィールド、フォントスタイル選択(10種サムネイル)
- デコレーションパーツパネル(アイコン群)
- 背景設定セクション
- **中央キャンバスエリア**: 描画用Canvas要素(デフォルト600×300px)、クリア/元に戻すボタン
- **右サイドパネル(PC) / 下部(スマホ)**:
- プレビュー(背景色つき確認)
- ダウンロードボタン群(PNG透過/PNG白/SVG)
- ギャラリーセクション(保存済みサムネイル最大12件、クリックで再編集)

### モーダル
- 使い方ガイド(3ステップ図解)
- サンプルギャラリー(制作例6点)

## 4. データ構造
DBなし・完全フロントエンド完結。
- **LocalStorage**: `signcraft_gallery` キーにJSON配列で保存
```
[
{
"id": "uuid",
"name": "サイン名メモ(任意)",
"dataUrl": "data:image/png;base64,...",
"createdAt": "2025-01-01T00:00:00Z",
"style": "calligraphy",
"bgColor": "transparent"
}
]
```
- テキスト→サイン変換用のSVGパスデータは内製JSONファイル(alphabet/ひらがな/カタカナ/漢字頻出50字のカリグラフィーパス)としてバンドル

## 5. デザインの方向性
- **テーマカラー**: 深みのある「インクネイビー(#1a1a3e)」+「ゴールド(#c9a84c)」+「オフホワイト(#f8f6f0)」。高級文具ブランド・万年筆ショップを想起させる上品な世界観
- **フォント**: 見出しにSerif系(Playfair Display)、UIにシンプルなSans-serif
- **キャンバス周辺**: 木目調またはレザー調のテクスチャ背景で「デスクの上で書いている感」を演出
- **アニメーション**: テキスト→サイン変換時にストロークが「書かれていく」アニメーション(SVGのstroke-dashoffsetアニメ)
- **全体トーン**: シンプル・上品・プロフェッショナル。ごちゃっとしたUIを避け、キャンバスを主役にした余白多めのレイアウト
- スマホでは縦スクロールの1カラム構成、PCでは3カラム構成