45 lines
2.5 KiB
Markdown
45 lines
2.5 KiB
Markdown
## Context
|
|
|
|
O commit de base ja separa as imagens hero de Open Graph, oferece variantes responsivas, fallbacks tonais e preserva o formulario de briefing. As views publicas ainda usam algumas grades simetricas, especialmente nas colecoes de portfolio. A referencia aprovada define composicao e materialidade, nunca novo acervo ou copy.
|
|
|
|
## Goals / Non-Goals
|
|
|
|
**Goals:**
|
|
|
|
- Aplicar uma cadencia de campos tonais, regras e proporcoes alternadas nas paginas narrativas.
|
|
- Manter uma ordem DOM linear e completa em telas pequenas.
|
|
- Reforcar os contratos existentes de acessibilidade, motion progressivo, performance de imagem e SEO.
|
|
|
|
**Non-Goals:**
|
|
|
|
- Alterar dados CMS, contratos de rota, controller, metadata, uploads, variantes ou o formulario.
|
|
- Usar imagens externas, criar conteudo comercial, adicionar dependencias, atualizar snapshots ou reintroduzir regressao visual.
|
|
|
|
## Decisions
|
|
|
|
### Usar variacoes de `col-span` e `aspect-ratio` nas galerias existentes
|
|
|
|
As imagens continuam no mesmo componente responsivo, mas a primeira imagem e os itens pares recebem encaixes editoriais no desktop. A alternativa seria uma galeria JavaScript ou masonry; foi descartada por prejudicar a ordem de leitura e adicionar comportamento sem necessidade.
|
|
|
|
### Aplicar assimetria pela composicao, nao por posicionamento absoluto
|
|
|
|
Grid responsivo, margens e campos tonais criam o deslocamento sem tirar conteudo do fluxo. Isso preserva foco, leitura mobile e fallback sem JavaScript. Posicionamento absoluto foi descartado por aumentar risco de sobreposicao e overflow.
|
|
|
|
### Reutilizar motion de transformacao e clip ja existente
|
|
|
|
As novas regioes conservam `data-reveal` e grupos existentes. Nenhum texto passa a depender de opacidade; `prefers-reduced-motion` continua exibindo o estado final imediatamente.
|
|
|
|
## Risks / Trade-offs
|
|
|
|
- [Ritmo visual pode parecer irregular com poucos cases] -> regras e metadados mantem uma leitura coerente mesmo com um unico item.
|
|
- [Classes responsivas podem afetar o fluxo em mobile] -> DOM linear e classes de uma coluna continuam sendo a base abaixo de `md`.
|
|
- [Mudar CSS pode gerar diferencas de ambiente] -> validar markup, acessibilidade funcional e build; snapshots permanecem fora do escopo.
|
|
|
|
## Migration Plan
|
|
|
|
Nao ha migracao de dados. A mudanca e retrocompativel: sem imagens, os fallbacks tonais existentes continuam ativos; com imagens, o mesmo `srcset` responsivo e usado. Reverter o commit restaura somente apresentacao.
|
|
|
|
## Open Questions
|
|
|
|
Nenhuma. Fotografia autorizada de producao permanece uma dependencia de conteudo futura.
|