PADRÃO DE ARQUITETURA VISUAL E NAVEGAÇÃO DO NOTION DA UDCL

Subpágina do Manual Técnico de Operações

Classificação: Documento operacional de padronização visual e estrutural do Notion da UDCL

────────────────────────────────────────────────────────────────────────────────

FINALIDADE

Esta subpágina fixa o padrão oficial de arquitetura visual, organização, navegação e apresentação das páginas do Notion da União Democrática dos Ciclos Livres.

Seu objetivo é garantir unidade institucional, sobriedade formal, legibilidade, previsibilidade de uso e distinção clara entre as diferentes camadas do sistema.

A reforma visual do Notion da UDCL não tem caráter decorativo. Sua finalidade é fazer com que a sede virtual da União transmita imagem de Estado digital sério, tecnicamente organizado e institucionalmente estável.

PREMISSAS GERAIS

I - o Notion da UDCL deve parecer portal oficial, e não caderno de anotações;

II - a forma visual deve reforçar a autoridade institucional do conteúdo;

III - a ludicidade da UDCL pertence ao seu espírito e ao seu DNA, não à ornamentação da interface;

IV - a navegação deve ser intuitiva, mas sem perda de solenidade;

V - páginas institucionais, normativas, operacionais e memoriais devem ter padrões distintos, coerentes com sua função.

VEDAÇÕES VISUAIS

Fica vedado, como padrão ordinário de arquitetura visual do Notion da UDCL:

I - uso de emoji em títulos de páginas institucionais, normativas, operacionais ou de navegação;

II - uso de texto colorido como recurso de embelezamento ou diferenciação informal;

III - uso de ornamentos visuais sem função de navegação, hierarquia ou clareza;

IV - mistura de linguagem de portal com linguagem de rascunho ou bloco de trabalho;

V - construção de páginas com aparência improvisada, fragmentada ou recreativa.

CAMADAS DA ARQUITETURA DO NOTION

A arquitetura do Notion da UDCL organiza-se nas seguintes camadas:

I - camada institucional, composta pelo Portal da União e pelas nove seções oficiais;

II - camada normativa, composta pela Constituição, pelos códigos, pelo Diário Oficial, pela jurisprudência e pelos índices normativos;

III - camada operacional, composta por gabinetes, painéis, dossiês, tramitações, tarefas e instrumentos de trabalho;

IV - camada metodológica, composta pelo Manual Técnico de Operações, pela configuração da IA, pelos modelos e pelos protocolos;

V - camada memorial, composta pelo arquivo nacional, pelo museu institucional, pelos marcos e pelos acervos históricos.

Cada camada deve refletir, em sua apresentação, sua função própria.

TIPOS OFICIAIS DE PÁGINA

Página-Portal

Função: servir como fachada institucional de entrada.

Exemplos: Portal da UDCL; páginas das nove seções.

Estrutura mínima:

título oficial;
subtítulo funcional;
parágrafo institucional de abertura;
bloco de escopo da página;
bloco de navegação principal;
bloco de bases relacionadas, quando houver;
rodapé institucional.

Página Operacional de Seção

Função: organizar trabalho institucional corrente.

Exemplos: gabinetes, painéis de comando, operações vivas.

Estrutura mínima:

título;
finalidade da página;
quadro-resumo ou situação atual;
links principais;
bases vinculadas;
observações operacionais.

Página Normativa

Função: apresentar texto jurídico vigente ou preparatório.

Exemplos: Constituição, códigos, leis complementares, regulamentos.

Estrutura mínima:

identificação do diploma;
versão;
cadeia normativa;
texto consolidado ou modularizado;
histórico de versões;
remissões relevantes.

Página de Dossiê ou Processo

Função: organizar conjunto de peças, atos e estados de tramitação.

Exemplos: dossiês legislativos, pacotes normativos, processos estruturais.

Estrutura mínima:

objeto;
peças vinculadas;
estado atual;
base normativa;
próximos atos;
observações técnicas.

Página-Índice

Função: localizar conteúdo e organizar navegação.

Exemplos: IGO, índice normativo, livros de jurisprudência.

Estrutura mínima:

função do índice;
organização por blocos;
links estruturados;
notas de atualização;
estatísticas, quando pertinentes.

Página Memorial

Função: preservar memória e acervo histórico.

Exemplos: museu institucional, marcos, honrarias, patrimônio.

Estrutura mínima:

apresentação;
categorias do acervo;
registros ou entradas;
notas históricas;
remissões relacionadas.

PADRÃO VISUAL GERAL

O padrão visual geral da UDCL observará as seguintes diretrizes:

I - sobriedade;

II - uniformidade;

III - legibilidade;

IV - hierarquia textual clara;

V - divisores entre blocos temáticos;

VI - redução de ruído visual;

VII - centralidade do conteúdo e da navegação.

Não se utilizará cor como linguagem principal de organização. A hierarquia será construída por estrutura, títulos, espaçamento, divisores e ordem lógica.

PADRÃO DE REDAÇÃO VISUAL DAS PÁGINAS

As páginas de entrada e de navegação devem adotar, sempre que possível, a seguinte sequência:

I - título oficial;

II - subtítulo curto de função;

III - parágrafo de apresentação institucional;

IV - divisória;

V - bloco de identidade, escopo ou contexto;

VI - divisória;

VII - bloco principal de navegação ou conteúdo;

VIII - divisória;

IX - rodapé institucional com data de atualização e referência de vínculo.

ORDEM DE IMPLANTAÇÃO DA REFORMA

A reforma do Notion da UDCL seguirá, preferencialmente, a ordem abaixo:

Portal da UDCL;
NAVEGAÇÃO — ÍNDICE GERAL DO ORDENAMENTO (IGO);
páginas das nove seções do Portal;
páginas institucionais de alta circulação;
páginas normativas centrais;
páginas operacionais internas;
revisão visual e funcional das bases de dados.

Parágrafo de execução. A ordem acima define frentes de implantação, e não autoriza salto aleatório entre páginas desconexas. Dentro de cada frente, a execução observará a hierarquia real da árvore do Notion, em sentido descendente: primeiro a página-mãe, depois suas subpáginas imediatas, e só então os subníveis internos correspondentes.

REGRA DE EXECUÇÃO

Nenhuma reforma estrutural ou visual deverá ser feita por substituição massiva cega.

Toda alteração observará:

I - obtenção prévia da versão atual da página;

II - edição pequena e sequencial;

III - preservação de links, subpáginas e bases incorporadas;

IV - atualização do IGO quando houver criação, renomeação, deslocamento ou reorganização relevante;

V - conferência final de coerência com este padrão.

PRIMEIRO CICLO DE REFORMA

Fica definido como primeiro ciclo de profissionalização visual da UDCL a seguinte frente:

I - Portal da UDCL;

II - IGO;

III - páginas-seção I a IX.

Somente após a consolidação deste primeiro ciclo deverão ser reformadas as páginas internas de operação, os dossiês específicos e as páginas memoriais.

NOTA FINAL

A forma visual do Notion da UDCL deve transmitir autoridade, continuidade, método e estabilidade. A aparência do portal integra a imagem institucional da União e deve estar à altura do seu ordenamento.

Subpágina do Manual Técnico de Operações | UDCL