Sobre este template
Leia Healcure como especificação de hero: os valores foram escritos antes de a página ser construída. Ela abre com “Healthcare for Good. Today. Tomorrow. Always.” e dá a essa linha a moldura inteira em vez de encolhê-la em um card. A paleta é azul suave #374251 por baixo. A referência é construída com Tailwind CSS, e as decisões de layout estão declaradas independentemente dela. O orçamento de movimento é um loop de vídeo ao fundo. Trate como o briefing de uma hero para um produto de saúde ou bem-estar que precisa aguentar uma reconstrução, não só uma primeira olhada.
Feito para
- Quem briefa um modelo para uma hero vai usar o prompt de 3.021 caracteres como ponto de partida.
- Se três pessoas vão editar esta hero, dê a quem cuida do conteúdo passos de espaçamento de 14px em vez de uma captura de tela.
- Se o seu time de front-end parte de Tailwind CSS, levante passos de espaçamento de 14px primeiro e deixe a paleta em paz até a grade se firmar.
O que está incluído
- Topo com uma única ação. A navegação é uma fileira só, sem um segundo nível embaixo dela. Nada na barra anima com o scroll; ela está presente desde o primeiro frame e depois sai do caminho. Mantenha a linha de cima em uma só.
- Valores que dá para conferir. O layout é resolvido sobre valores fixos (passos de espaçamento de 14px), e é isso que mantém a primeira tela composta em qualquer largura. Todo valor pode ser conferido contra o prompt capturado, e é isso que torna uma reconstrução verificável em vez de aproximada.
- Um clipe em sangria total atrás da tipografia. A moldura em 1466x1080 é preenchida por um único loop que roda atrás do texto e não pede controles. Exporte em 1466x1080 ou mais largo e o recorte cover continua funcionando. Exporte em 1466x1080 ou mais largo para o recorte continuar honesto.
- Links antes da ação. A ação carrega o destaque enquanto os links ficam na cor do texto, então a hierarquia da barra acompanha a da página abaixo. Copie este padrão quando precisar de uma navegação que sobreviva a uma primeira tela barulhenta.
Movimento e interação
Movimento ambiente sem biblioteca de scroll
O clipe de fundo roda 5,4s em 1466x1080 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. Um frame de poster entra no lugar quando a reprodução automática é bloqueada, então o movimento soma em vez de ser obrigatório. Grave ou exporte em 1466x1080 ou mais largo.
Quase nenhum movimento
O briefing deixa a animação de fora e deixa o layout em 1466x1080 conduzir a página, com estados de hover e de clique como únicas mudanças. Só se movem os elementos que respondem ao ponteiro.
O que mudar primeiro em Healcure
Compare com começar de uma página em branco. Aqui a moldura (1466x1080) e passos de espaçamento de 14px já estão decididas, então o trabalho é de substituição, não de composição. Se um elemento novo não explica a oferta nem o próximo passo, o lugar dele é abaixo da dobra.
Como Healcure ordena a primeira leitura
Leia a primeira tela de uma vez e a oferta já está clara. a navegação, o selo de anúncio e a linha de estatísticas chegam em sequência, separados por passos de espaçamento de 14px em vez de divisores decorativos. O leitor de saúde recebe a oferta antes das opções.
Ler Healcure como especificação
O custo de uma escala fixa é menos espaço para improvisar. passos de espaçamento de 14px mantêm a composição coerente, mas um elemento novo precisa ser encaixado, não apenas colocado. Nada nesta hero depende de um padrão.
Perguntas frequentes
O que eu recebo ao copiar o briefing de Healcure?
É um briefing de construção, não uma descrição de clima: ele nomeia a composição em 1466x1080, o espaçamento e os valores de movimento. Nada nele trata a imagem renderizada como fonte da verdade.
Como devo tratar a mídia de Healcure em um projeto de cliente?
O prompt foi publicado abertamente por sceneai.art, e a prévia aqui é a renderização deles. Trate como referência de estrutura e movimento, confira os termos do site de origem e reconstrua a composição com o seu próprio texto, mídia e paleta antes de publicar.
O que comanda o movimento em Healcure?
As entradas e as mudanças de estado ficam na faixa de menos de 1s. Elas são disparadas por mudanças de estado, não por uma biblioteca de scroll, e nunca seguram o texto. A referência tem captura em 1466x1080.
