Interfaz de usuario de galería de sugerencias de IA japonesa

{
  "type": "Maqueta de interfaz web de galería de prompts de IA japonesa",
  "style": "Interfaz web editorial limpia con contornos negros audaces, fondo de página gris claro, diseño plano minimalista, estética retro-tecnológica sutil, tipografía de alto contraste, composición similar a una captura de pantalla",
  "brand": {
    "name": "YouMind",
    "logo_position": "arriba a la izquierda",
    "logo_style": "icono abstracto negro simple seguido de una marca denominativa audaz"
  },
  "page": {
    "background": "#f3f3f3",
    "header_height": "compacto",
    "top_bar": {
      "count": 3,
      "items": [
        "logotipo de la marca a la izquierda",
        "botón de búsqueda cerca de la parte superior derecha",
        "contador total resaltado en el extremo derecho"
      ],
      "counter_text": "Total: 8"
    },
    "category_tabs": {
      "position": "debajo del encabezado",
      "count": 9,
      "labels": [
        "すべて",
        "プロフィール / アバター",
        "ソーシャルメディア投稿",
        "インフォグラフィック / 教育ビジュアル",
        "YOUTUBE サムネイル",
        "コミック / ストーリーボード",
        "ポスター / チラシ",
        "アプリ / ",
        "並べ替え",
        "フィルター"
      ],
      "active_tab": "すべて",
      "tab_style": "pestañas rectangulares blancas con bordes negros, pestaña activa rellena de amarillo pálido"
    }
  },
  "layout": {
    "main_view": "galería de tarjetas de tres columnas recortada en el borde inferior",
    "visible_cards": 3,
    "card_style": "tarjetas blancas grandes con borde negro grueso y sombra negra descentrada, amplio relleno, diseño de revista editorial",
    "card_spacing": "espaciado horizontal uniforme"
  },
  "cards": [
    {
      "position": "izquierda",
      "author_section": {
        "title": "Creador",
        "handle": "@みかみ..AI | AI発信と個人開発",
        "date": "hace 7 días"
      },
      "headline": "Hoja de concepto de caballero de fantasía",
      "image_type": "hoja de referencia de personaje de caballero de fantasía en tonos azules fríos",
      "body_text": "Genera una hoja de referencia de personaje de anime detallada. Incluye tradición, vistas de tres lados y anotaciones de materiales.",
      "footer_hint": "el borde inferior muestra el comienzo de un botón negro etiquetado プロンプト, parcialmente recortado"
    },
    {
      "position": "centro",
      "author_section": {
        "title": "Creador",
        "handle": "@みかみ..AI | AI発信と個人開発",
        "date": "18 de abril de 2026"
      },
      "headline": "Póster de película de caballero de fantasía estilo anime",
      "image_type": "póster de fantasía estilo anime con una caballero, espada brillante, capa ondeante y un fondo de ciudad de castillo luminoso",
      "body_text": "Genera un póster de fantasía estilo anime similar a una película con una caballero, una espada brillante y un castillo estrellado, con tipografía personalizable."
    },
    {
      "position": "derecha",
      "author_section": {
        "title": "Creador",
        "handle": "@みかみ..AI | AI発信と個人開発",
        "date": "18 de abril de 2026"
      },
      "headline": "Póster de película de ciencia ficción",
      "image_type": "póster cinematográfico de ciencia ficción con un robot humanoide gigante y una pequeña figura de piloto en un entorno urbano de guerra, chispas y humo de puesta de sol cálidos",
      "body_text": "Genera un póster de película de ciencia ficción similar a una película con un mecha gigante y su piloto, con tipografía japonesa personalizable.",
      "footer_hint": "el borde inferior muestra el comienzo de un botón negro etiquetado プロンプト, parcialmente recortado"
    }
  ],
  "composition": {
    "aspect_ratio": "captura de pantalla de escritorio ancha, aproximadamente 16:9",
    "camera": "captura completa de página directa",
    "crop": "la parte inferior de las tarjetas está ligeramente recortada, conservando el encabezado, las pestañas y la mayor parte del contenido de la tarjeta"
  },
  "text_rendering": "todo el texto visible de la interfaz y de la tarjeta en japonés, fuente de interfaz sans-serif nítida, encabezados en negrita, fechas grises más pequeñas, texto del cuerpo negro",
  "color_palette": {
    "count": 5,
    "colors": [
      "fondo gris claro",
      "tarjetas y pestañas blancas",
      "bordes y texto negros",
      "destacados amarillos pálidos",
      "tonos azul y naranja apagados dentro de las imágenes en miniatura"
    ]
  }
}