Roxo Sociorama
#6800FF · --brand
Marca principal · ação primária
Style guide
Identidade visual
Sociorama · Plataforma IRD
Sistema de design institucional, tecnológico e humano. Uma identidade acadêmica orientada a impacto social: território, cognição, cuidado e decisão pública integrados em uma só linguagem visual.
01 · Marca
Logo Sociorama · social technology
A marca Sociorama utiliza símbolo geométrico e lettering institucional "SOCIORAMA social technology", comunicando tecnologia social, inteligência territorial e apoio à decisão pública.
Principal · roxa
Reversa · branca · fundo institucional
Monocromática · preta
Símbolo isolado
Regras de uso
- Não distorcer proporções nem aplicar efeitos.
- Não sombrear, contornar ou inverter cores fora das versões oficiais.
- Não trocar pelo skyline da assinatura gráfica.
- Preservar respiro mínimo equivalente à altura do símbolo.
- Reversa branca apenas sobre fundos escuros institucionais.
- Símbolo isolado apenas em contextos compactos (favicon, avatar, badges).
02 · Assinatura gráfica
Assinatura gráfica territorial-cognitiva
Skyline linear minimalista com pequenos nós conectados — cidade, dados, cognição, cuidado e inteligência territorial. Recurso de apoio: não substitui a marca oficial.
Onde aplicar
Hero da home · faixa institucional · rodapé · marca d'água em telas de metodologia e identidade.
Traço & estilo
Linhas finas (1,25 px), elegantes e minimalistas. Nós discretos sugerem rede sem cair no infantil.
Cor
Preferencialmente roxo institucional ou azul noite. Versão branca sobre fundos escuros.
03 · Paleta institucional
Cores com significado
Roxo como cor identitária, equilibrado por azul noite e neutros claros. Verde, âmbar, azul e coral compõem estados, indicadores e a escala do IRD.
Roxo Profundo
#2A1166 · --brand-deep
Cabeçalho · contraste institucional
Azul Noite
#0F1B3D · --brand-ink
Tipografia institucional · rodapé
Verde Saúde
#00B294 · --success
Envelhecimento saudável · proteção
Azul Confiança
#2563EB · --info
Destaques informacionais
Âmbar
#FFB020 · --warning
Estados intermediários · atenção
Coral
#FF4D4F · --danger
Risco alto · alerta controlado
Cinza 50
#F8F7FA · --surface
Fundo de seções e cards
Cinza 100
#EFEAF3 · --surface-elevated
Blocos elevados · separadores
Cinza 600
#64748B · --muted-foreground
Texto secundário
Cinza 900
#0F172A · --foreground
Texto primário
Escala IRD · leitura analítica
Baixo
Médio-baixo
Médio-alto
Alto
04 · Tipografia
Poppins + Inter
Hierarquia tipográfica contemporânea: Poppins para títulos e chamadas institucionais; Inter para corpo, tabelas e interface.
Display · Poppins
Aa
Inteligência territorial
Envelhecimento saudável
Cognição urbana
Pesos · 500 · 600 · 700 · 800
Body · Inter
Aa
O IRD combina determinantes sociais, ambientais, sanitários e demográficos para apoiar a decisão pública.
Subtítulos e descrições mantêm legibilidade alta em qualquer densidade de informação.
IRD = 64.7 · Pop 60+ = 18.420
Pesos · 400 · 500 · 600 · 700
05 · Sistema de ícones
Lineares, finos, modernos
Biblioteca lucide-react com stroke 1,5 px. Cada conceito-chave da plataforma tem um ícone consistente.
territorio
cognicao
cidade
dados
saude
envelhecimento
metodologia
validacao
ranking
tipologia
fontes
destaque
06 · Propósito
O que esta identidade comunica
Uma plataforma acadêmica e tecnológica, mas também humana e orientada a impacto social.
Inteligência territorial
Cidade e cognição
Envelhecimento saudável
Tecnologia social
Dados com propósito
Ciência aplicada
Apoio à decisão
Inovação metodológica
Clareza e legitimidade pública