amare/openspec/changes/archive/2026-08-01-recreate-public-frontend/proposal.md

Why

O site público já existe com rotas, CMS e gates de qualidade, mas a identidade visual ainda é o placeholder da Fase 0 (Instrument Sans, ouro, cantos arredondados, cartões genéricos). DESIGN.md e o mockup editorial já definem o sistema Heritage Editorial; depoimentos.md e o logo fornecido finalmente permitem prova e marca reais. Sem recriar o frontend agora, o critério de saída da Fase 1 (“site público aprovado visualmente”) permanece ligado a uma UI que não representa a marca, e a Fase 2 (WEB-05) herdaria um shell genérico.

What Changes

• Substituir tokens, tipografia e composição do site público pelo sistema Heritage Editorial de DESIGN.md (EB Garamond, oliva/papel, cantos retos, campos tonais, sem sombras de cartão SaaS).
• Adaptar o mockup amare-home-editorial.html à arquitetura multipágina Laravel/CMS existente: home como capa editorial; serviços, portfólio, caso, sobre, contato, privacidade e erros como capítulos coerentes.
• Incorporar o logo fornecido (coração facetado + lockup) como ativo otimizado com variantes para fundos claros/escuros, sem redesenhar a geometria.
• Seedar e renderizar os cinco depoimentos reais de depoimentos.md (texto, casal, data/contexto), com autorização final como requisito de publicação.
• Reestruturar a home na narrativa editorial: hero → manifesto → serviços → portfólio → método → depoimentos → perfil Amare → CTA final (WEB-01).
• Atualizar layout público (header/footer, navegação responsiva, selo), componentes Blade e páginas internas para a mesma linguagem visual.
• Estender site_settings o mínimo necessário para copy editorial (manifesto, nota do hero, CTA secundário, passos do método, princípios) mantendo singleton tipado (WEB-06).
• Regenerar baselines visuais desktop/mobile e manter axe, teclado, landmarks, SEO e publicação dinâmica (SPEC §6.5, §13.5, §13.8).
• Atualizar seeders/conteúdo demonstrativo para São Paulo e marcar fotografias ilustrativas até existir acervo autorizado.

Non-Goals

Conforme SPEC.md §4.2 e decisões desta proposta:

• Formulário funcional de briefing / criação de lead (WEB-05) — permanece placeholder em /contato; change futura build-lead-capture.
• Integração WhatsApp, portal do cliente, page builder, i18n, PWA.
• Inventar cases corporativos, credenciais, números, imprensa ou provas não autorizadas.
• Redesign do painel Filament / área interna.
• Deploy staging / paridade de fundação — change paralela complete-foundation-parity, independente desta.

Capabilities

New Capabilities

Modified Capabilities

• design-tokens: substituir tokens placeholder (Instrument Sans, ouro, raios, sombras) pelos tokens Heritage Editorial (EB Garamond, oliva/papel, radius 0, elevação tonal).
• public-site-pages: reestruturar home editorial e páginas públicas para a composição “Dossiê Editorial do Evento”, preservando rotas e publicação.
• site-settings: campos tipados adicionais para copy editorial da home (manifesto, CTAs, método, princípios, logo).
• testimonials: suporte a depoimentos multipárrafo reais com contexto/data e regra de autorização antes da publicação.
• content-media: logo da marca e tratamento editorial de imagens demonstrativas (marcação, filtros contidos) sem inventar acervo.
• visual-regression: baselines regeneradas sob a nova identidade; determinismo e cobertura de telas mantidos.
• web-accessibility: preservação/reforço de landmarks, foco, teclado, contraste AA e movimento reduzido após a troca tipográfica/cromática.

Impact

• Altera: resources/css/tokens.css, resources/css/app.css, vite.config.js, resources/views/layouts/public.blade.php, resources/views/pages/**, resources/views/components/home/**, resources/js/app.js, seeders (ContentSeeder, VisualContentSeeder), possivelmente migração + model/Filament de site_settings, testes Feature/Browser e snapshots em tests/.pest/snapshots/.
• Cria: ativo de logo em public/ (ou storage CMS), componentes Blade de marca/manifesto/positioning, campos tipados novos em site_settings se necessário.
• Depende de: specs atuais design-tokens, public-site-pages, site-settings, testimonials, content-media, visual-regression, web-accessibility, public-seo, service-catalog, portfolio-cases.
• Independente de: complete-foundation-parity (auth/staging/coverage).
• Risco: regeneração ampla de snapshots; mitigado por seed determinístico, fontes self-hosted e composer visual:update com revisão humana. Depoimentos reais exigem confirmação de autorização antes de publicar em produção.