Mockup Giao diện Web Thư viện Prompt Nhật Bản

{
  "type": "Japanese AI prompt gallery web interface mockup",
  "style": "clean editorial web UI, bold black outlines, light gray page background, minimal flat neo-brutalist design, retro-tech aesthetic, high-contrast Japanese typography, straight-on desktop browser screenshot",
  "brand": {
    "name": "[Your Brand]",
    "logo_position": "top left",
    "logo_style": "minimalist black abstract icon beside bold wordmark"
  },
  "page": {
    "background": "#f3f3f3",
    "top_bar": {
      "items": [
        "brand logo left",
        "search button near top right",
        "total counter on far right"
      ],
      "counter_text": "[合計: 8]"
    },
    "category_tabs": {
      "labels": [
        "すべて",
        "プロフィール / アバター",
        "ソーシャルメディア投稿",
        "インフォグラフィック / 教育ビジュアル",
        "YOUTUBE サムネイル",
        "コミック / ストーリーボード",
        "ポスター / チラシ",
        "アプリ / ",
        "並べ替え",
        "フィルター"
      ],
      "active_tab": "すべて",
      "tab_style": "rectangular white tabs with black outlines, active tab filled with pale yellow"
    }
  },
  "layout": {
    "main_view": "three-column showcase card gallery cropped slightly at bottom edge",
    "card_style": "white cards with thick black borders, offset solid black drop shadows, generous padding, editorial card grid"
  },
  "cards": [
    {
      "position": "left",
      "author": "[@みかみ..AI | AI発信と個人開発]",
      "date": "[7 days ago]",
      "headline": "[ファンタジー騎士のコンセプトアートシート]",
      "image": "fantasy knight character reference sheet in cool blue tones",
      "body_text": "[詳細なアニメキャラクターの参照シートを生成します。伝承、三面図、素材の注釈を含みます。]"
    },
    {
      "position": "center",
      "author": "[@みかみ..AI | AI発信と個人開発]",
      "date": "[Apr 18, 2026]",
      "headline": "[ファンタジーアニメ風騎士の映画ポスター]",
      "image": "anime-style fantasy poster of a female knight with a glowing sword and castle city backdrop",
      "body_text": "[女性騎士、光り輝く剣、星空の城を背景にした、カスタマイズ可能なタイポグラフィ付きの映画のようなアニメ風ファンタジーポスターを生成します。]"
    },
    {
      "position": "right",
      "author": "[@みかみ..AI | AI発信と個人開発]",
      "date": "[Apr 18, 2026]",
      "headline": "[SFメカ映画ポスター]",
      "image": "cinematic sci-fi mech poster featuring a giant humanoid robot and pilot in an urban war setting at sunset",
      "body_text": "[巨大メカとそのパイロット、カスタマイズ可能な日本語タイポグラフィをフィーチャーした、映画のような SF 映画ポスターを生成します。]"
    }
  ],
  "color_palette": [
    "#f3f3f3 light gray",
    "solid black outlines",
    "pure white cards",
    "pale yellow highlight",
    "muted blue and sunset orange image accents"
  ]
}