Sobre este template
Paradiso CTA mostra uma forma de construir bloco de CTA para uma marca de viagens e publica as instruções que produziram o resultado. O título diz “Enter your email address”, e o resto da bloco de CTA se organiza em volta disso. A paleta é branco #EFF3F4 por baixo e lima profundo #1B200B para a tipografia. A entrada nomeia a stack que produziu a página (um único arquivo HTML autocontido) em vez de escondê-la. O briefing gasta o orçamento de movimento em um loop de vídeo ao fundo. Parta do briefing capturado e depois edite a bloco de CTA em vez de reconstruí-la do zero.
Feito para
- Quem usa um builder de IA e quer um briefing que já traga um único arquivo HTML autocontido em vez de deixar isso para o modelo.
- Profissionais de marketing que herdam esta bloco de CTA vão usar passos de espaçamento de 15px para conferir se uma reescrita manteve a escala.
- Feito para agências que cobram por rodada e querem passos de espaçamento de 15px acordado antes da primeira.
O que está incluído
- O briefing nomeia os passos. Os tamanhos são declarados, não herdados: passos de espaçamento de 15px. Troque a família tipográfica ou o texto e essas relações continuam valendo. Como os valores são fixos, uma substituição muda o visual sem mudar o ritmo.
- Vídeo no quadro inteiro. O vídeo em 2522x1858 roda 4,6s em loop atrás do texto, mudo e inline, sem camada de tingimento entre os dois. Um frame de poster em 2522x1858 segura a composição quando a reprodução automática não está disponível, então o layout nunca colapsa. Exporte em 2522x1858 ou mais largo para o recorte continuar honesto.
- Os painéis ocupam o meio. A grade de cards é o recurso de organização: painéis iguais, uma ideia cada, sem hierarquia entre eles. Cada painel combina uma ideia com um ícone, então o caminho de leitura continua horizontal.
- Medido contra a viewport. O espaçamento é declarado do mesmo jeito (passos de espaçamento de 15px), não como uma escala que cresce sozinha.
Movimento e interação
Um loop, não uma linha do tempo
O movimento ambiente vem do loop de 4,6s em 2522x1858, não de efeitos de scroll, o que mantém a página calma e a tipografia legível. Nada mais na página anima continuamente, então a mídia é a única coisa pedindo atenção.
Quase nenhum movimento
Esta é entregue como composição estática em 2522x1858, então a hierarquia precisa funcionar sem movimento, e funciona. Só se movem os elementos que respondem ao ponteiro.
A bloco de CTA com a sua cara
A composição é a parte reaproveitável e o assunto é seu. Mantenha passos de espaçamento de 15px e substitua as palavras, a mídia e as marcas. A composição é a parte reaproveitável, e ela sobrevive a uma marca diferente.
Como Paradiso CTA ordena a primeira leitura
Uma ordem rígida custa flexibilidade depois. Acrescente uma seção acima da dobra e passos de espaçamento de 15px precisam ser recortadas de novo, porque a sequência é estrutural, não decorativa. O leitor de viagens recebe a oferta antes das opções.
Ler Paradiso CTA como especificação
Uma captura de tela mostra como a página é; o briefing mostra por quê. passos de espaçamento de 15px fecham a distância entre os dois. Nada nesta bloco de CTA depende de um padrão.
Perguntas frequentes
O prompt de Paradiso CTA é uma especificação pronta ou um ponto de partida?
O briefing capturado tem 1.665 caracteres e cobre a moldura, a escala tipográfica, a paleta e as transições. Ao copiá-lo você recebe esse texto; ao enviá-lo ao Studio, o mesmo pedido é preparado com a página já descrita.
Quanto de Paradiso CTA depende de um único arquivo HTML autocontido?
Paradiso CTA foi construído em um único arquivo HTML autocontido, e a entrada registra isso para dar procedência. O briefing descreve posições, tamanhos e tempos, então ele se reconstrói em qualquer framework capaz de definir tipografia e posicionar elementos.
Posso usar Paradiso CTA em um projeto de cliente?
O briefing é uma descrição, não uma licença para redistribuir os ativos de outra pessoa. Mantenha a estrutura e os números, substitua a mídia e as marcas, e credite a origem se um cliente perguntar de onde veio o layout. A referência tem captura em 2522x1858.
