Sobre este template
O Sellix é um hero de landing page fintech focado em pagamentos internacionais: remessas entre países, custódia de ativos e conversão entre cripto e moeda local. Ele usa um globo violeta em loop para estabelecer de cara a ideia de alcance global, e só então coloca a proposta de valor e dois botões acima da dobra. O conceito inteiro é autocontido, o que faz dele uma referência útil para times que precisam de uma primeira tela bem resolvida antes de construir o resto do site financeiro. Como o layout nasce de uma unidade de referência única, trocar o globo, o texto e as duas ações não desmonta o ritmo da página.
Feito para
- Times de fintech lançando um produto de pagamentos internacionais ou de ativos digitais.
- Fundadores que precisam de um hero de alta confiança antes do resto do site ficar pronto.
- Designers construindo uma landing page cinematográfica com caminho de conversão claro.
- Times de marketing adaptando uma referência premium para uma marca financeira nova.
O que está incluído
- Linguagem visual de finanças globais. O globo girando e o campo de estrelas ligam o produto na hora a dinheiro cruzando fronteiras, sem abrir um segundo assunto na mesma tela.
- Título central e apoio curto. Duas linhas de título carregam a promessa e um parágrafo curto logo abaixo explica o que o produto faz, para o visitante não precisar varrer a página inteira.
- Duas ações com hierarquia clara. Um botão primário claro atende quem já decidiu testar, e um secundário mais discreto atende quem quer contexto antes; o contraste entre os dois é a bússola da conversão.
- Composição responsiva de unidade única. Espaçamento, tipografia e vídeo derivam da mesma unidade, então a primeira tela encolhe como um conjunto em vez de virar blocos soltos empilhados no celular.
Movimento e interação
Globo em loop no fundo
O clipe violeta e silencioso dá sensação contínua de movimento sem competir com o título ou com os botões.
Revelação do título com máscara
Cada linha sobe por conta própria, dando peso à entrada sem sacrificar a leitura: o estado final continua funcionando com a animação desligada.
Por que este template funciona em fintech
Produtos financeiros costumam ter um problema de confiança antes de ter um problema de recurso. O visitante precisa entender que o produto é global, sério e simples de começar; e uma parede de termos regulatórios logo na primeira tela só deixa tudo mais pesado. O Sellix resolve esse atrito com uma ideia visual só: um globo luminoso que torna o movimento entre países legível de imediato. O texto então fica plano e operacional — pagamentos, custódia e conversão entre cripto e moeda local aparecem num parágrafo curto, em vez de escondidos atrás de linguagem de marca abstrata. Isso torna a referência útil para bancos digitais, infraestrutura de pagamentos, plataformas de tesouraria, remessas e ferramentas de ativos digitais: comunicar alcance sem parecer um terminal de operações.
Como a primeira tela guia a atenção
A página tem uma ordem de leitura deliberada. A navegação apresenta o produto e dá a quem volta um caminho familiar; o título central enuncia a promessa no nível da categoria em duas linhas, e a frase de apoio diz o que o produto faz na prática; o botão principal é discreto o bastante para pertencer à cena, mas claro o bastante para ser achado de imediato, e o secundário oferece uma entrada de menor pressão. Nada mais compete com esse percurso: antes da primeira decisão não existe grade de cards, parede de depoimentos nem painel decorativo. Essa contenção vale ouro na hora de trocar a marca, porque dá um teste simples: se um novo elemento não ajuda a explicar a oferta ou o próximo passo, ele provavelmente pertence abaixo da dobra.
Responsividade e acessibilidade
O briefing original trata o hero de desktop como uma composição medida, não como um punhado de breakpoints arbitrários. Em tela larga, o globo ocupa o palco e o título fica centralizado sobre ele; conforme a viewport estreita, a tipografia é dimensionada pela largura disponível, evitando que a frase longa de categoria quebre em um ponto ruim. A navegação vira um menu compacto, os controles continuam grandes o suficiente para o toque e o texto de apoio pode quebrar naturalmente em vez de ser espremido. O vídeo é mudo, roda inline e tem frame de poster, então a página continua comunicando a ideia quando a reprodução automática não está disponível; com a preferência de menos movimento ativada, a entrada é desligada e o primeiro frame permanece.
Adaptando a referência para a sua marca
Comece mudando a promessa, não a decoração. Escreva uma frase que diga qual transação ou resultado o seu produto facilita e, depois, uma linha de apoio que deixe claro para quem ele serve. Só então troque o globo por um loop que carregue uma quantidade parecida de informação: um close do produto, um mapa de rotas, um estudo de material ou uma visualização de dados calma funcionam se houver uma área focal estável atrás do texto. Mantenha a relação de contraste e teste o título sobre o frame mais claro, não apenas sobre o poster. Por fim, reescreva a navegação e as ações em volta do percurso que você realmente quer que a pessoa faça. O valor deste template está na hierarquia e no ritmo medidos; assunto, provas e linguagem vêm da sua marca.
Perguntas frequentes
Para que tipo de produto esta referência serve?
É um hero fintech para pagamentos internacionais, custódia de ativos e conversão entre cripto e moeda local. A mesma estrutura atende bancos, tesouraria e comércio internacional.
Posso usar o layout em outro setor?
Pode. Mantenha a metáfora visual, a hierarquia do título e o padrão de ação, e troque a mídia e o texto por um assunto que o seu público reconheça na hora.
O que acontece quando eu uso o prompt?
O prompt abre preenchido no Studio, para você adaptar composição, texto e mídia antes de enviar. Nada roda até você decidir enviar.
