日本語AIプロンプトギャラリーUIモックアップ

{
  "type": "日本のAIプロンプトギャラリーWebインターフェースモックアップ",
  "style": "クリーンなエディトリアルWeb UI、太い黒枠線、ライトグレーの背景、ミニマルなフラット・ネオブロータリズムデザイン、レトロテック美学、高コントラストな日本語タイポグラフィ、正面からのデスクトップブラウザスクリーンショット",
  "brand": {
    "name": "[Your Brand]",
    "logo_position": "左上",
    "logo_style": "黒いミニマルな抽象アイコンと太字のロゴタイプ"
  },
  "page": {
    "background": "#f3f3f3",
    "top_bar": {
      "items": [
        "左上にブランドロゴ",
        "右上に検索ボタン",
        "最右端に総数カウンター"
      ],
      "counter_text": "[合計: 8]"
    },
    "category_tabs": {
      "labels": [
        "すべて",
        "プロフィール / アバター",
        "ソーシャルメディア投稿",
        "インフォグラフィック / 教育ビジュアル",
        "YOUTUBE サムネイル",
        "コミック / ストーリーボード",
        "ポスター / チラシ",
        "アプリ / ",
        "並べ替え",
        "フィルター"
      ],
      "active_tab": "すべて",
      "tab_style": "黒い縁取りの長方形ホワイトタブ、アクティブタブは薄黄色で塗りつぶし"
    }
  },
  "layout": {
    "main_view": "下端が少し切れた3カラムのカードギャラリー",
    "card_style": "太い黒枠線とオフセットされた黒いドロップシャドウのホワイトカード、ゆったりとした余白、エディトリアルマガジングリッド"
  },
  "cards": [
    {
      "position": "左",
      "author": "[@みかみ..AI | AI発信と個人開発]",
      "date": "[7 days ago]",
      "headline": "[ファンタジー騎士のコンセプトアートシート]",
      "image": "クールなブルートーンのファンタジー騎士キャラクター設定資料集",
      "body_text": "[詳細なアニメキャラクターの参照シートを生成します。伝承、三面図、素材の注釈を含みます。]"
    },
    {
      "position": "中央",
      "author": "[@みかみ..AI | AI発信と個人開発]",
      "date": "[Apr 18, 2026]",
      "headline": "[ファンタジーアニメ風騎士の映画ポスター]",
      "image": "光り輝く剣と城下町の夜景を背景にした女性騎士のアニメ風ファンタジーポスター",
      "body_text": "[女性騎士、光り輝く剣、星空の城を背景にした、カスタマイズ可能なタイポグラフィ付きの映画のようなアニメ風ファンタジーポスターを生成します。]"
    },
    {
      "position": "右",
      "author": "[@みかみ..AI | AI発信と個人開発]",
      "date": "[Apr 18, 2026]",
      "headline": "[SFメカ映画ポスター]",
      "image": "夕暮れの都市戦で巨大人型ロボットとパイロットを描いたシネマティックSFポスター",
      "body_text": "[巨大メカとそのパイロット、カスタマイズ可能な日本語タイポグラフィをフィーチャーした、映画のような SF 映画ポスターを生成します。]"
    }
  ],
  "color_palette": [
    "#f3f3f3 ライトグレー",
    "くっきりとした黒枠線",
    "純白カード",
    "薄黄色のハイライト",
    "落ち着いたブルーと夕焼けオレンジの画像アクセント"
  ]
}