Interface da Página Inicial de uma Plataforma de Streaming de Vídeo

Gera um mockup detalhado da página inicial de um site de streaming de vídeo, apresentando uma barra lateral, tags de categoria e uma grade de miniaturas de vídeo com títulos e metadados.

Video Streaming Platform Homepage UI reference

Prompt

Gerar imagem grátis
{
  "type": "mockup de interface de navegador web",
  "platform": "{argument name=\"nome da plataforma\" default=\"YouTube\"}",
  "browser_window": {
    "style": "modo claro do macOS",
    "tab": "YouTube",
    "url_bar": "youtube.com"
  },
  "layout": {
    "header": {
      "components": ["menu hambúrguer", "logotipo da plataforma", "barra de pesquisa", "ícone de criar vídeo", "sino de notificações", "avatar do perfil do usuário"]
    },
    "sidebar": {
      "position": "esquerda",
      "item_count": 11,
      "sections": [
        {
          "name": "Principal",
          "items": ["Início", "Shorts", "Inscrições", "Originais", "YouTube Music"]
        },
        {
          "name": "Explorar",
          "items": ["Em alta", "Shopping", "Música", "Filmes", "Ao vivo", "Jogos"]
        }
      ]
    },
    "main_content": {
      "category_tags": {
        "count": 10,
        "labels": ["Tudo", "Jogos", "Música", "Ao vivo", "Podcasts", "IA", "Carros", "Mixes", "Notícias", "Enviados recentemente"]
      },
      "video_grid": {
        "card_count": 5,
        "cards": [
          {
            "position": "superior esquerdo",
            "size": "grande",
            "thumbnail_description": "Sam Altman e Greg Brockman sentados em um palco ao lado de um robô humanoide em pé, sobreposição de texto 'OpenAI Introducing Our Humanoid Robot', selo de AO VIVO",
            "video_title": "{argument name=\"título da transmissão ao vivo em destaque\" default=\"Apresentando Nosso Robô Humanoide\"}",
            "channel_name": "{argument name=\"canal da transmissão ao vivo em destaque\" default=\"OpenAI\"}",
            "metadata": "482 mil assistindo agora"
          },
          {
            "position": "superior direito",
            "size": "grande",
            "thumbnail_description": "rosto de um homem surpreso à esquerda, uma grande mansão escondida em uma floresta com uma explosão à direita, sobreposição de texto amarelo em negrito '{argument name=\"texto da miniatura superior direita\" default=\"SIGILO TOTAL\"}'",
            "video_title": "{argument name=\"título do vídeo superior direito\" default=\"Comprei uma Casa Secreta de 100 Milhões de Dólares!\"}",
            "channel_name": "MrBeast",
            "metadata": "4,1 mi de visualizações, 19 horas atrás, 20:49 de duração"
          },
          {
            "position": "inferior esquerdo",
            "size": "pequeno",
            "thumbnail_description": "Steve Carell segurando um laptop mostrando uma cena de The Office",
            "video_title": "Steve Carell Analisa Seus Personagens Mais Icônicos | GQ",
            "channel_name": "GQ",
            "metadata": "987 mil visualizações, 2 dias atrás, 17:46 de duração"
          },
          {
            "position": "inferior central",
            "size": "pequeno",
            "thumbnail_description": "homem olhando através de uma luneta para um navio à vela no oceano ao pôr do sol",
            "video_title": "Black Sails É Lindo!",
            "channel_name": "Savage Books",
            "metadata": "606 mil visualizações, 2 dias atrás, 17:46 de duração"
          },
          {
            "position": "inferior direito",
            "size": "pequeno",
            "thumbnail_description": "personagem assassino mascarado assustador de um videogame com sobreposição de texto 'DEAD BY DAYLIGHT'",
            "video_title": "Jogando como os Seekers em Dead By Daylight",
            "channel_name": "Unknown",
            "metadata": "806 mil visualizações, 1 dia atrás, 28:39 de duração"
          }
        ]
      }
    }
  }
}

Como usar este prompt

  1. 1Copie o prompt exatamente e cole no seu modelo preferido ou projeto Ideart.
  2. 2Substitua detalhes de produto, sujeito, público e estilo pelo seu próprio contexto.
  3. 3Gere primeiro um resultado base e depois remixe a direção mais forte em campanha, série de imagens ou conceito de vídeo.

Criar a partir deste prompt

Transforme um prompt de imagem em um projeto criativo finalizado.

Salve o prompt, adicione imagens de referência ou notas e deixe a Ideart moldar o próximo passo de produção no mesmo fio criativo.