# Decisões Técnicas Mestre

Use este documento para explicar o raciocínio por trás do projeto.

Recrutador não avalia só a tela final.

Ele também quer entender se você sabe tomar decisões.

## 1. Modelo usado

Modelo escolhido da maleta:

Caminho do modelo:

Por que este modelo foi escolhido?

Quais partes foram aproveitadas?

Quais partes foram alteradas?

Quais partes foram removidas?

Quais partes foram criadas do zero?

## 2. Estrutura HTML

Como o HTML foi organizado?

Quais seções existem no projeto?

Exemplo:

- header
- hero
- benefícios
- serviços
- processo
- contato
- footer

Por que essa ordem foi escolhida?

Existe apenas um h1?

Os títulos seguem uma hierarquia lógica?

## 3. Organização do CSS

Como o CSS foi organizado?

Marque o que foi usado:

- [ ] reset/base
- [ ] variáveis
- [ ] layout global
- [ ] componentes
- [ ] seções
- [ ] media queries

Quais variáveis principais foram criadas?

Exemplo:

- --color-primary
- --color-text
- --color-muted
- --color-surface
- --radius-lg
- --shadow-soft

## 4. Responsividade

Quais tamanhos foram testados?

- [ ] 375px
- [ ] 768px
- [ ] 1366px

O que mudou no mobile?

Exemplo:

- cards empilhados
- botões em largura total
- menu simplificado
- espaçamentos reduzidos

## 5. Acessibilidade

Quais cuidados foram aplicados?

- [ ] contraste legível
- [ ] links claros
- [ ] headings organizados
- [ ] alt em imagens importantes
- [ ] labels em formulários
- [ ] navegação por teclado preservada

## 6. Performance

Quais cuidados foram aplicados?

- [ ] imagens leves
- [ ] CSS limpo
- [ ] sem JavaScript desnecessário
- [ ] assets organizados
- [ ] sem dependências externas desnecessárias

## 7. Decisões visuais

Qual paleta foi escolhida?

Por que essa paleta combina com o projeto?

Como os botões foram destacados?

Como a hierarquia visual foi construída?

Como o projeto transmite confiança?

## 8. Limitações

O que este projeto ainda não faz?

Exemplo:

- formulário ainda não envia dados
- não possui integração com API
- não possui animações avançadas
- não possui versão React

## 9. Melhorias futuras

O que pode entrar na próxima versão?

- adicionar JavaScript
- validar formulário
- integrar API
- adicionar animações
- criar versão React
- melhorar SEO
- adicionar testes

## 10. Resumo profissional

Escreva um resumo curto:

Neste projeto, adaptei um modelo da Fábrica Front-End Maleta para criar uma interface responsiva, com HTML semântico, CSS organizado, CTA claro e documentação profissional.