Skip to main content
Você ainda não tem uma página: um novo produto, lista de espera ou campanha. A partir de um briefing no Notion e de arquivos de marca no Google Drive, crie o design de uma landing page no Replit Design: seção principal (hero), provas sociais, como funciona e uma chamada para ação. O Agent usa a oferta e o texto do Notion, além do logotipo, das cores e da tipografia do Drive. Isso é o sistema visual da página, não o site codificado. Use os frames como especificação na hora de construir.

Ideal para

  • Designers de produto que precisam de uma página de lista de espera ou de lançamento antes de o produto estar no ar.
  • Fundadores que precisam de um primeiro layout alinhado à marca, a partir de um briefing no Notion e materiais do Drive.

Conectores

Antes de começar

Tenha uma página no Notion com o briefing (oferta, público, chamada para ação) e arquivos de marca no Drive. Conecte Notion e Drive. Diga para quem a página é destinada e qual deve ser a chamada para ação principal (cadastro, lista de espera, agendar uma demonstração, compra).

Prompt para o agente

O que esperar

O Agent lê o briefing do Notion e os arquivos de marca do Drive, e então organiza os frames no Replit Design. Você recebe uma página para desktop e um recorte para mobile, não um app publicado. Use os frames como especificação na hora de construir, ou peça ao Agent para implementá-los em um fluxo de Build posterior. Visualize desktop e mobile lado a lado. Confira a chamada para ação, os pontos de prova e as cores em relação ao Notion e ao Drive antes de considerar os frames finais.

Adapte ao seu caso

Solução de problemas

  • O texto não vem do briefing: forneça o link da página do Notion e peça ao Agent para usar a oferta, o público, as provas e a chamada para ação de lá, sem reescrever a partir do site.
  • As cores e a tipografia não correspondem à marca: conecte o Drive e aponte para os arquivos de logotipo, cores e tipografia.
  • Você esperava um site no ar: este fluxo de trabalho produz frames no Replit Design, não um app publicado. Use os frames como especificação, ou peça ao Agent para implementá-los em um fluxo de Build posterior.

Relacionados

Crie ícones e banners para redes sociais

Os mesmos arquivos de marca do Google Drive para materiais de perfil e capa.

Lance um site de evento pago

A mesma fonte no Notion para uma página pública, não apenas frames.