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=\"platform name\" 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 AO VIVO",
            "video_title": "{argument name=\"featured live stream title\" default=\"Introducing Our Humanoid Robot\"}",
            "channel_name": "{argument name=\"featured live stream channel\" 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=\"top right thumbnail text\" default=\"TOTAL SECRECY\"}'",
            "video_title": "{argument name=\"top right video title\" default=\"I Bought 100 Million Dollar Secret House!\"}",
            "channel_name": "MrBeast",
            "metadata": "4,1 mi de visualizações, 19 horas atrás, duração 20:49"
          },
          {
            "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, duração 17:46"
          },
          {
            "position": "inferior central",
            "size": "pequeno",
            "thumbnail_description": "homem olhando através de uma luneta para um veleiro no oceano ao pôr do sol",
            "video_title": "Black Sails Is Beautiful!",
            "channel_name": "Savage Books",
            "metadata": "606 mil visualizações, 2 dias atrás, duração 17:46"
          },
          {
            "position": "inferior direito",
            "size": "pequeno",
            "thumbnail_description": "personagem assassino mascarado assustador de um videogame com sobreposição de texto 'DEAD OF DAYLIGHT'",
            "video_title": "Jogando como os Seekers em Dead By Daylight",
            "channel_name": "Unknown",
            "metadata": "806 mil visualizações, 1 dia atrás, duração 28:39"
          }
        ]
      }
    }
  }
}

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.

Guarde 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.