Um território de dados.
Uma identidade viva.
Sistema visual proposto para Rio de Janeiro Digital: presença institucional, expressão territorial e clareza na leitura dos dados. Uma extensão editorial da marca IBSD, mantendo sua assinatura oficial.
A cor tem função.
O verde sustenta a presença institucional. O lima marca descobertas e ações. O branco e o fundo mineral dão espaço à leitura. As cores abaixo são tokens desta proposta, não um manual oficial do IBSD.
Verde profundo
#082E27
Fundos, títulos e estrutura
Verde ativo
#009B68
Gráficos e sinalização
Lima elétrico
#DCF72D
Destaques e chamadas
Branco mineral
#F4F6F1
Pausas e áreas analíticas
Branco
#FFFFFF
Conteúdo e superfícies
Uma voz tipográfica.
Manrope combina construção geométrica e leitura confortável. Títulos com peso médio e espaçamento compacto; textos com mais respiro; dados em escala generosa. A família está hospedada junto ao site.
42–104 px · peso 500Potência real.
Futuro digital.
34–52 px · peso 600
Seis dimensões.
Um futuro conectado.
14–17 px · entrelinha 1,8
Um novo olhar sobre o território. Dados que revelam o presente e abrem caminhos para um Rio mais conectado, inclusivo e soberano.
9–11 px · peso 700 01 / O PANORAMA
Expressão com propósito.
O território vem primeiro.
As duas imagens conceituais fornecidas para o projeto conectam paisagem e inteligência territorial. A abertura apresenta o centro de inteligência; a imagem do Rio conectado orienta a exploração. Legendas distinguem essas composições da base de indicadores.
Dados que se deixam ler.
Escalas explícitas, origem visível e distinção entre diagnóstico e projeção. A cor destaca o Rio; rótulos e valores garantem que a compreensão não dependa só dela.
Uma história em capítulos.
Alternância entre superfícies claras e verdes. A leitura progride do contexto ao diagnóstico, das prioridades aos cenários. Cada bloco acrescenta uma informação.
Território e inteligência.
Componentes consistentes.
Conteúdo editorial com largura máxima de 1.280 px e margens adaptáveis. Menu em quatro grupos, com descrições e atalhos; navegação lateral por capítulos. Textos maiores, alinhamentos consistentes, contrastes fortes e foco visível. Animações discretas respeitam a preferência por movimento reduzido.
Clareza.
Presença.
Movimento.
Uma base visual para evoluir
o projeto com consistência.