✨ Núcleo Design

Transformando Ideias em Realidade

🚀 Visão Geral

Bem-vindo ao repositório da Núcleo Design, uma landing page moderna e responsiva que combina um visual sofisticado com um toque de elegância. Desenvolvida com uma paleta de cores roxa e rosa, este projeto apresenta um design arrojado que se destaca pela sua estética única e experiência de usuário envolvente.

✨ Destaques

• Design responsivo que se adapta a qualquer dispositivo
• Animações suaves para melhor engajamento
• Código limpo e bem documentado
• Fácil personalização
• Otimizado para performance

🗂️ Estrutura do Projeto

Nucleo-Design/
├── index.html           # Página principal
├── assets/              # Recursos estáticos
│   ├── images/          # Imagens do site
│   └── icons/           # Ícones e SVGs
├── css/
│   └── style.css        # Estilos principais
├── js/
│   └── main.js          # Lógica de interação
├── LICENSE              # Licença MIT
└── README.md            # Este arquivo

🛠️ Tecnologias Utilizadas

• Frontend
  • HTML5 semântico
  • CSS3 com variáveis e Flexbox/Grid
  • JavaScript puro (ES6+)
  • Animações CSS3
  • Design responsivo

🚀 Como Executar

1. Clone o repositório

   git clone https://github.com/ismapereira/Nucleo-Design.git
   cd Nucleo-Design

2. Abra o projeto

   • Simplesmente abra o arquivo index.html no seu navegador
   • Ou utilize a extensão Live Server do VS Code

🎨 Personalização

Cores e Tipografia

As variáveis de cores e fontes podem ser facilmente alteradas no arquivo css/style.css:

:root {
  --paleta-rosa: #d30f92;
  --paleta-roxo-100: #7d0956;
  --paleta-roxo-200: #3d072b;
  --texto-principal: #EAEAEA;
  --fundo-escuro: #121212;
  
  --fonte-titulo: 'Anton', sans-serif;
  --fonte-corpo: 'Montserrat', sans-serif;
}

Conteúdo

• Títulos e textos: Edite diretamente no index.html
• Imagens: Substitua os arquivos na pasta assets/images/
• Cores: Atualize as variáveis CSS em css/style.css
• Comportamento: Modifique os scripts em js/main.js

📝 Licença

Este projeto está licenciado sob a licença MIT. Consulte o arquivo LICENSE para obter mais detalhes.

---

Desenvolvido com ❤️ por Ismael Pereira