Projeto em portfólio · Web app

Sistema Horizonte

Ecossistema 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.

Hub com busca e filtros Viewer de Markdown no browser Painéis interativos Dados JSON + gráficos Mapa D3 / TopoJSON PWA offline-first

Deploy: horizonte.artesdosul.com

O que a entrega mostra

Funcionalidades que você pode testar

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).

Hub central

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.

Leitura sem download

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.

Instalável (PWA)

Manifest e service worker permitem cache de páginas e artefatos principais; tema e identidade alinhados à marca em produção.

Stack em evidência: HTML · CSS · JS Marked (MD) Chart.js (onde aplicável) D3 + TopoJSON (mapa) Font Awesome Service Worker

Módulos e experiências

Cada link abre uma experiência diferente: de painel de comando a narrativa longa, passando por dados e visualizações.

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ção

Análise preditiva

Fluxo 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ção

HORIZONTE Cockpit

Interface compacta de controle e leitura rápida do “estado” do sistema no contexto do projeto.

UI dedicada · Navegação focada

Experimentar produção

Retrospectiva 2025–2026

Dashboard 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ção

Liberdade econômica (mapa)

Visualizaçã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ção

Manual de sobrevivência

Publicaçã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ção

Base de conhecimento e dados

Documentação e artefatos estruturados

O 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).