Este é um projeto de landing page desenvolvido para testar a capacidade da ferramenta Anima de transformar design em código. O objetivo é verificar a eficiência de conversão do design feito no Figma para HTML e CSS utilizando o Anima, observando principalmente a responsividade e a fidelidade ao layout original.
- HTML5
- CSS3
- Ferramenta de transformação de design para código: Anima
- Header: Inclui o logotipo e o menu de navegação.
- Hero Section: Apresentação com título e imagem de perfil.
- Clients Section: Logotipos dos clientes.
- Services Section: Explicação sobre os serviços oferecidos.
- Portfolio Section: Trabalhos mais recentes.
- Testimonials Section: Depoimentos de clientes.
- Footer: Formulário de contato e links para redes sociais.
O layout foi desenvolvido para ser totalmente responsivo, garantindo uma boa experiência de navegação em dispositivos móveis e desktops. A combinação de Flexbox e CSS Grid facilita a adaptação dos elementos conforme o tamanho da tela.
-
Clone este repositório. git clone https://github.com/seu-usuario/visual-designer-landing-page.git
-
Navegue até o diretório do projeto. cd visual-designer-landing-page
-
Abra o arquivo index.html no seu navegador.
Este projeto faz parte de um teste prático para explorar as capacidades de ferramentas de Inteligência Artificial, especialmente no processo de transformar design em código de forma ágil e eficiente.
- Fidelidade ao Design: A página deve manter o layout original criado no Figma.
- Responsividade: Testar a capacidade do Anima de gerar um código que se adapta a diferentes tamanhos de tela.
- Facilidade de Uso: Avaliar como a ferramenta pode acelerar o processo de desenvolvimento para designers que querem gerar código funcional rapidamente.
Este projeto é distribuido sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.