Catálogo de referência · identidade aprovada, componentes em demonstração. Todos os dados e ações abaixo são locais e fictícios.

Uma assinatura. Um sistema.

A marca mantém sua forma. O contexto define a escala.

Logotipo principal OpusAssinatura principal
Ligatura reduzida opLigatura reduzida
Ícone micro da OpusÍcone de aplicação

Selecione uma cor para copiar seu HEX.

Marfim / petróleo 10,07:1 · latão reservado a acentos.

Autoridade na voz. Clareza na leitura.

Newsreader dá expressão aos títulos. Manrope organiza o trabalho.

Newsreader

Cada caso merece
continuidade.

Títulos · 400–550 · Georgia como fallback

Manrope

Caso certo.
Advogado certo.
Ação clara.

Interface · 400–700 · Segoe UI como fallback

Título da telaSua carteira em movimento40 / 4432 / 3628 / 32
Título de seçãoPróximas ações28 / 32
Texto de leituraO contexto acompanha o caso.16 / 24
Rótulo e controleRevisar documentação14 / 20
MetadadoAtualizado às 09:14 · dados fictícios12 / 18

Espaço que organiza

4
8
12
16
24
32
48
64

Proximidade dentro de um grupo; respiro entre decisões. Controles com 6 px de raio, painéis com 10 px.

Ações com peso definido.

Um comando principal por contexto. O restante acompanha a decisão.

Hierarquia
Disponibilidade
Experimente o estado de carregamento.
Símbolos
DocumentoPrazoConcluídoBuscaInformação

Ícones de 20 px, traço de 1,75 px. Foco de teclado visível; área mínima de 44 px nos controles.

Preencher sem adivinhar.

Rótulos permanentes, ajuda contextual e erro junto ao campo.

Descreva o tema. Não inclua nomes ou dados de pacientes.

Atribuído pela operação.

Até 240 caracteres · exemplo sem persistência.

Escolhas explícitas

Documentos para revisão
Densidade da tabela

A escolha altera o espaçamento das linhas abaixo.

Esta orientação adicional fica visível enquanto a opção estiver ativa.

A informação tem estado.

Cor, texto e contexto trabalham juntos para orientar a leitura.

ConcluídoAguardando documentoEnvio não realizadoEm análise

Deslize a tabela para ver a próxima ação e a situação de cada caso.

Casos fictícios para demonstrar o padrão visual da tabela
CasoTesePróxima açãoSituação
OP-0184Reajustes AbusivosRevisar documentaçãoEm análise
OP-0185Reajustes AbusivosConferir contratoAguardando documento
OP-0186Reajustes AbusivosConsultar históricoConcluído
Não foi possível carregar os documentos.

Exemplo de falha recuperável. Você pode tentar novamente.

Os padrões encontram o caso.

Uma composição de referência para unir contexto, ação e continuidade.

Caso OP-0184 · demonstração

Reajuste de plano de saúde

Reajustes Abusivos · resumo sintético

Em análise

Próxima ação

Revisar a documentação recebida.

Confira o contrato e o histórico de reajustes antes de registrar a próxima etapa.

Contrato do planoDocumento ilustrativo · nenhum arquivo realDisponível

Continuidade

  1. Qualificação concluída09:12 · equipe de qualificação
  2. Oferta aceita09:14 · parceiro demonstrativo
  3. Documentação disponível09:16 · próxima ação definida

O repertório vem da Opus.

Controles, camadas e utilitários compartilham a mesma linguagem. Nenhum tema pronto da stack.

Diálogo e gaveta

Confirmações têm foco protegido. Contexto adicional abre em uma camada lateral.

Menu de ações

Data com linguagem própria

Ajuda contextual

A interface apresenta os critérios aplicados à oferta. Este é um exemplo visual.

Informação progressiva

O que revisar no contrato?

O conteúdo desta orientação é demonstrativo. A instrução jurídica definitiva depende da tese aprovada.

Identificação do parceiro

Advogado parceiroIdentidade demonstrativa · sem pessoa real

Seleção de documento

Progresso e paginação

2 de 3

Página 1 do exemplo.

Confirmar ação demonstrativa?

Este diálogo demonstra a decisão e o retorno de foco. Nenhum caso será alterado.

Contexto do caso

Informação complementar, sem perder a tarefa de origem.

Caso
OP-0184 · demonstração
Tese
Reajustes Abusivos
Próxima ação
Revisar documentação