# Layout e UX - v2.0

## Referência: Mega Loterias

URL: https://www.megaloterias.com.br/

## Elementos do Layout de Referência

| Elemento | Descrição |
|----------|-----------|
| **Hero** | "Aposte agora na melhor Loteria Online" |
| **3 passos** | 1) Adicione ao carrinho, 2) Pague, 3) O resto fazemos por você |
| **Depoimentos** | Carrossel de depoimentos |
| **Boletim diário** | Newsletter para resultados e sorteios |
| **Estatísticas** | Prêmios pagos, maior prêmio |
| **Notícias** | Cards por categoria (Mega da Virada, Dicas, etc.) |

## Usabilidade (18+)

- **Contraste:** Adequado (WCAG AA)
- **Tipografia:** Legível (mínimo 16px em corpo)
- **Botões:** Grandes e clicáveis
- **Navegação:** Clara e previsível
- **Feedback:** Imediato em ações
- **Erros:** Mensagens claras e acionáveis
- **Teclado:** Suporte a navegação por teclado (acessibilidade)

## Faixas Etárias

- Público-alvo: maiores de 18 anos
- Design deve ser intuitivo para todas as idades
- Evitar jargões técnicos
- Fluxos curtos e objetivos