DATA TRIBUNA DATA TRIBUNA

Pesquisa · Dados · Inteligência Regional

Dados que revelam a cidade.

O braço de pesquisa e inteligência de dados da Tribuna de Jundiaí. Pesquisas de opinião em campo, dados oficiais e leitura regional — transformados em decisões.

O que fazemos Design System
Aprovação · exemplo 0%
+8pp

Séries por rodada de pesquisa

100%

Coleta em campo offline

48

Perguntas no questionário-base
Aprovação de Governo ★ Opinião Pública ★ Dados Oficiais ★ Coleta em Campo ★ Inteligência Regional ★ Aprovação de Governo ★ Opinião Pública ★ Dados Oficiais ★ Coleta em Campo ★ Inteligência Regional ★
Sobre o Data Tribuna

A régua local para decisões públicas e privadas.

Nascido dentro da redação da Tribuna de Jundiaí, o Data Tribuna combina pesquisas de opinião feitas em campo — com metodologia própria e coleta offline — a dados públicos oficiais (IBGE, Bacen, INMET) para produzir leituras precisas da cidade e da região.

Tribuna de Jundiaí × Data Tribuna

Pesquisas de opinião

Aprovação de governo, temas da cidade e demandas por bairro — com questionário-base validado e amostragem regional.

Coleta em campo, offline

Pesquisadores em rua com aplicativo próprio: GPS, mídia e sincronização automática quando a rede volta.

Dados oficiais integrados

População, PIB, IDHM, clima e indicadores econômicos consultados automaticamente para contextualizar cada estudo.

01 / Fundamentos

Tipografia

Carregamento via Google Fonts CDN · display=swap · Inter 300–700 · Space Grotesk 300–700 · JetBrains Mono 400–500

PRIMÁRIA / SANS

Aa

Inter

UI, corpo de texto e leitura longa. Fallback: -apple-system, "Segoe UI", sans-serif.

DISPLAY

Ag

Space Grotesk

Títulos grandes, números de destaque e o lettering transparente da marca.

MONOESPAÇADA

{}

JetBrains Mono

Micro-rótulos, dados técnicos, legendas de eixo e valores tabulares.

H1 / Display
Inteligência
Grotesk · 700 · 6rem · lh 1 · ls -0.04em
H2 / Seção
Metodologia regional
Grotesk · 500 · 3rem · lh 1.1 · ls -0.02em
H3 / Card
Rodada de pesquisa
Grotesk · 400 · 1.875rem · lh 1.2
H4–H6 / Apoio
H4 — Bloco temático H5 — Subtítulo de card H6 — Rótulo de grupo
1.25 / 1.125 / 0.875rem · 500–600
Body / Large

A essência do sistema é a clareza: espaço em branco, tipografia e movimento sutil a serviço do dado — nunca o contrário.

Inter · 300 · 1.25rem · lh 1.625
Body / Regular

Parágrafo padrão para conteúdo longo, relatórios e descrições. Otimizado para conforto de leitura com entrelinha generosa.

Inter · 400 · 1rem · lh 1.625
Body / Small

Texto de apoio em cards, tabelas e notas metodológicas.

Inter · 400 · 0.875rem · lh 1.6
Caption / Label / Helper
Rodada: Julho 2026 Label ativo Texto auxiliar de formulário (helper)
Mono · 500 · 0.75rem · ls 0.1em · UPPER
02 / Fundamentos

Sistema de Cores

Laranja Tribuna
HEX #FF6A00 RGB 255 106 0 HSL 25° 100% 50% Primária / Accent
Navy Dado
HEX #0B1D3C RGB 11 29 60 HSL 218° 69% 14% Texto primário · AAA
Cinza Neutro
HEX #8C8F94 RGB 140 143 148 HSL 218° 4% 56% Secundária / rótulos
Tangerina Suave
HEX #FFE8D8 RGB 255 232 216 HSL 25° 100% 92% Fundos / hover
Superfície
HEX #F4F1EC RGB 244 241 236 HSL 37° 27% 94% Background
Variações de opacidade · #FF6A00
100
80
60
40
20
10
Gradientes da marca
navy → laranja → tangerina
Regras de uso & contraste
  • Navy sobre Superfície — texto padrão. Contraste 14.9:1 · AAA
  • Laranja — acentos, marcas de dados, CTAs e hover. Sobre navy: 5.4:1 · AA. Sobre branco: apenas texto grande/negrito ou elementos gráficos.
  • Cinza — rótulos, eixos e texto desabilitado. Nunca para conteúdo essencial.
  • Feedback — sucesso #047857, erro #B91C1C, alerta #B45309; sempre com ícone + texto, nunca cor sozinha.
03 / Arquitetura

Componentes de UI

Botões

Inputs

Seleção

Badges & Tooltip

Passe o mouse
Tooltip do sistema
Rascunho Em campo Concluída
+5

Cards & Contêineres

Card de vidro

Backdrop-blur e fundos translúcidos criam profundidade sem peso — usados em painéis de resultado.

#PAINEL#RESULTADO
Destaque

Card de mídia

Capas de estudos e matérias especiais com revelação no hover.

Publicar rodada?

A pesquisa ficará visível para as equipes de campo selecionadas.

Hover para ver o modal
04 / Ativos

Iconografia

Biblioteca Solar via Iconify · traço linear em repouso, duotone no destaque

resultados
questionário
campo
equipes
dados oficiais
amostra
relatórios
anonimato
05 / Interação

Movimento

reveal · text-reveal · marquee · radar · dash-draw · float · shimmer · beam · flashlight

.reveal-up
glow no hover
mudança de estado
Coletar
Identidade em movimento

A vinheta da casa

A abertura audiovisual da Tribuna de Jundiaí é a base do movimento da marca: entrada firme, respiro e assinatura. O mesmo ritmo guia as animações desta página.

IMG_1319 · vinheta