Sobre este template
LTX Video foi capturada em 1920x1400 e guardada como especificação, não como imagem de galeria. O título diz “The world model”, e o resto da landing page se organiza em volta disso. A cor se limita a vermelho suave #FFD7E6 por baixo, azul profundo #0B1A26 para a tipografia e verde-água #7FE3FF carregando os destaques, composta em Manrope. A entrega é um único arquivo HTML autocontido, capturada em 1920x1400 para a moldura estar fixada antes de qualquer linha de código. O movimento fica restrito a transições de 420ms, cubic-bezier(0.22, 1, 0.36, 1) e um loop de vídeo ao fundo. Deixe aberto enquanto escreve: o briefing de 21.298 caracteres é a parte que se transfere para a sua própria página.
Feito para
- Feito para estúdios que precisam explicar o comportamento em 700px a um cliente sem antes construir um protótipo.
- Esta landing page serve fundadores que precisam de uma tela de prova de que o texto de SaaS aguenta 7,8s de vídeo em loop.
- Feito para quem cuida do conteúdo e reescreve uma landing page cujo título precisa continuar tão longo quanto o da LTX Video.
O que está incluído
- Uma barra sem excesso. A linha de cima reúne a marca, quatro ou cinco links e uma única ação tingida de #7FE3FF, dimensionada para ficar discreta diante do resto da página. Abaixo de 700px os links colapsam em uma sobreposição de tela cheia. Abaixo de 700px os links colapsam em vez de quebrar para uma segunda linha.
- O loop é o fundo. O briefing especifica o vídeo em 1920x1400 com um loop de 7,8s, e cada elemento de texto é posicionado contra essa moldura. Um frame de poster em 1920x1400 segura a composição quando a reprodução automática não está disponível, então o layout nunca colapsa.
- O tracking aperta ao crescer. No topo da escala está Manrope, com o texto de apoio bem abaixo, para a hierarquia não precisar de cor para ser lida. O tracking aperta conforme o tamanho cresce, e é por isso que a linha de display se sustenta ao longo de 18–23px. Mantenha os passos, troque a família.
- Navegação sem fundo próprio. Os rótulos são curtos o bastante para caber em uma linha a 700px, e o item ativo é marcado por peso, não por uma pílula.
Movimento e interação
Movimento ambiente sem biblioteca de scroll
O clipe de fundo roda 7,8s em 1920x1400 num loop sem fim, mudo e inline, então a página continua em movimento enquanto a atenção do leitor está no texto. Não é preciso biblioteca de scroll, porque o único movimento ambiente é a própria mídia. Nada mais na página anima continuamente, então a mídia é a única coisa pedindo atenção.
As seções chegam no scroll
Parallax roda enquanto a página se move, então a composição tem um estado de repouso definido. Só um comportamento de scroll é usado, então a página nunca parece uma sequência de efeitos separados. Nunca esconda o texto atrás de um gatilho de scroll.
Como LTX Video ordena a primeira leitura
Se a sua página hoje abre com recursos, esta é a ordem a copiar: a navegação, a linha de estatísticas, a lista de recursos, a contagem regressiva e o clipe de fundo na frente, o detalhe de apoio depois, e tipografia de 18px a 23px e seções de 100vh marcando a distância. O leitor de SaaS recebe a oferta antes das opções.
Por que o briefing de SaaS se sustenta
O design defende o argumento em uma única tela. A mídia é um loop de 7,8s em 1920x1400. A mídia carrega a atmosfera, o texto carrega a oferta, e tipografia de 18px a 23px e seções de 100vh mantêm os dois separados. LTX Video enuncia a oferta uma vez e deixa a composição repeti-la, em vez de acrescentar uma segunda promessa.
Como a landing page se reorganiza
Teste esta landing page em 1920x1400 e depois na largura de celular: a mesma ordem se mantém, com a tipografia é clampada entre 18px e 23px, o layout muda em 700px e a seção fica presa a 100vh. A reorganização mantém a ação alcançável em qualquer largura.
Perguntas frequentes
Quanto de LTX Video depende de um único arquivo HTML autocontido?
LTX Video 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.
O que eu recebo ao copiar o briefing de LTX Video?
É um briefing de construção, não uma descrição de clima: ele nomeia a composição em 1920x1400, o espaçamento e os valores de movimento. Nada nele trata a imagem renderizada como fonte da verdade.
Posso publicar uma página reconstruída a partir de LTX Video sem dar os créditos?
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 1920x1400.
