Centro de Comando
Painel para acompanhar indicadores, checklists e uma árvore de decisão alinhada a eventos em múltiplas dimensões.
● Navegação lateral · KPIs · Camadas A–F
Experimentar produçãoEcossistema de interfaces e conteúdo para pensar cenários, priorizar decisões e organizar inteligência em um só lugar.
Este projeto mostra como dá para unir design de produto, visualização de dados, documentação viva e experiência instalável (PWA) — sem depender de um stack pesado no dia a dia: tudo roda como site estático, pronto para hospedar em qualquer CDN.
Deploy: horizonte.artesdosul.com
O que a entrega mostra
Não é só uma página: é um conjunto de telas pensadas para navegação, leitura e exploração — com padrão visual coerente (tipografia, dark mode, microinterações) e preocupação com compartilhamento (Open Graph, manifest).
Busca em tempo real, filtros por tipo de artefato (aplicações, docs, dados, roadmap) e acesso rápido a tudo o que o projeto publica.
Arquivos Markdown abrem em um leitor integrado (modal), com renderização adequada para títulos, listas e código — ideal para revisão e apresentação.
Manifest e service worker permitem cache de páginas e artefatos principais; tema e identidade alinhados à marca em produção.
Cada link abre uma experiência diferente: de painel de comando a narrativa longa, passando por dados e visualizações.
Painel para acompanhar indicadores, checklists e uma árvore de decisão alinhada a eventos em múltiplas dimensões.
● Navegação lateral · KPIs · Camadas A–F
Experimentar produçãoFluxo de trabalho com prompt mestre, linhas de tempo comparáveis e visão por camadas — pensado para análise estruturada.
● Timeline A/B · Prompts · Camadas
Experimentar produçãoInterface compacta de controle e leitura rápida do “estado” do sistema no contexto do projeto.
● UI dedicada · Navegação focada
Experimentar produçãoDashboard com eventos por janela temporal, matriz de nexos e painéis de impacto — dados e leitura lado a lado.
● Abas sincronizadas · Matriz · Gráfico
Experimentar produçãoVisualização geográfica interativa com D3 e dados topológicos — exemplo de dataviz no front puro.
● D3 · TopoJSON · Exploração por país
Experimentar produçãoPublicação longa com tipografia editorial, navegação por âncoras e leitura confortável — conteúdo como produto.
● Longform · Seções · Rodapé com navegação
Ler produçãoO hub agrupa dezenas de documentos em Markdown (roadmaps, protocolos, prompts) e permite abri-los no próprio site. Os mesmos arquivos podem ser consumidos por fluxos de automação via JSON estruturado (ciclos de análise, retrospectiva, horizonte projetado).