Skip to content

Identidade Visual

Introdução

A identidade visual é um elemento crucial para estabelecer a marca e a aparência de um software. Esta documentação descreve os elementos essenciais da identidade visual do CAPJu, fornecendo orientações detalhadas sobre como aplicar consistentemente esses elementos em todos os aspectos do software.

Logotipo

O logotipo é uma representação gráfica da marca CAPJu e é frequentemente a primeira coisa que os usuários notam. Ele deve ser aplicado de maneira consistente em todas as mídias e contextos. Abaixo estão as especificações para o logotipo:

Versão Principal

  • Logotipo Principal:

CAPJu

O logotipo do CAPJu foi projetado para transmitir a maneira como o software auxilia os usuários na organização de seus processos legais. Os retângulos, representados sob um suave degradê, simbolizam uma pilha de documentos processuais, refletindo a estrutura e a ordem essenciais no contexto jurídico. Por sua vez, a presença da bandeira brasileira no logotipo destaca não apenas a origem geográfica dos usuários, mas também a importância de manter a integridade e a eficiência do sistema legal no Brasil. A bandeira representa a união do projeto com a cultura jurídica e o ambiente legal brasileiro, enfatizando o compromisso do CAPJu em servir como uma ferramenta que se adapta e respeita as nuances e particularidades do sistema legal nacional.

Assim, a combinação destes elementos no logotipo transcende o aspecto visual, tornando-se um símbolo da missão do CAPJu. Reflete a união global em prol de uma gestão de processos legais mais eficaz e transparente, mantendo firmemente enraizada sua conexão com o contexto jurídico brasileiro.

  • Cores: As cores usadas no logotipo principal são:

Amarelo
HEX: #fbe304
RGB: rgb(251, 227, 4)


Verde
HEX: #1b9454
RGB: rgb(27, 148, 84)


Azul
HEX: #314875
RGB: rgb(49, 72, 117)


  • Fonte: A fonte usada no logotipo principal é Uni Sans em seu grau de peso Heavy.

  • Espaçamento: Mantenha uma margem clara em torno do logotipo principal para garantir que ele não seja cortado ou obscurecido por outros elementos.

Versões Alternativas

  • Logotipo Liso Branca:

CAPJu_Branco

  • Logotipo Liso Preta:

CAPJu_Preto

Cores

As cores desempenham um papel fundamental na identidade visual. Elas devem ser usadas consistentemente em todo o software para criar uma experiência coesa e reconhecível. As cores da marca CAPJu são:

  • Cor Principal:


Verde
HEX: #1b9454
RGB: rgb(27, 148, 84)


  • Cor Secundária:


Azul
HEX: #314875
RGB: rgb(49, 72, 117)


  • Cores de Destaque:


Amarelo
HEX: #fbe304
RGB: rgb(251, 227, 4)


Branco
HEX: #ffffff
RGB: rgb(255, 255, 255)


Preto
HEX: #000000
RGB: rgb(0, 0, 0)


Dentro das cores descritas, é possível trabalhar com uma variedade de tons dentro do mesmo espectro para criar variações visuais e aplicá-las de acordo com as necessidades do design, sempre mantendo a coesão da identidade visual.

Tipografia

A tipografia é essencial para a legibilidade e a coesão visual do software. Utilize as seguintes fontes em todo o software:

  • Fonte Principal:

    • Peso Forte: Inter Semi Bold

    CAPJuInterSemiBold

    • Peso Normal: Inter Regular

    CAPJuInterRegular

  • Fonte Secundária:

    • Peso Forte: Roboto Semi Bold

    CAPJuRobotoSemiBold

    • Peso Médio: Roboto Medium

    CAPJuRobotoMedium

    • Peso Normal Roboto Regular

    CAPJuRobotoRegular

Tamanhos de Fonte

Os tamanhos de fonte padrão é essencial para garantir uma aparência consistente e uma experiência de usuário coesa. As diretrizes de tamanhos de fonte recomendadas para diferentes elementos do software são:

  • Títulos Principais: 24 px

  • Os títulos principais geralmente são usados para cabeçalhos de seções e áreas de destaque. Eles devem ser maiores e mais ousados para atrair a atenção do usuário.

  • Texto Principal: 16 px

  • O texto principal é usado para o conteúdo principal do software, como parágrafos de texto em páginas, descrições e informações gerais. Este tamanho deve ser legível e confortável para leitura prolongada.

  • Elementos de Interface: 20 px

  • Os elementos de interface, como botões, rótulos e menus, devem ter um tamanho de fonte que seja adequado para a interação do usuário. Eles precisam ser legíveis e acessíveis.

A escolha dos tamanhos de fonte deve levar em consideração a hierarquia visual e a usabilidade do software. Certifique-se de testar a legibilidade em diferentes tamanhos de tela e dispositivos para garantir que a tipografia funcione bem em todas as circunstâncias.

Referências:

S. Sara; S. Brenda. IDENTIDADE VISUAL. Disponível em: https://github.com/fga-eps-mds/2020.1-stay-safe-docs/blob/master/docs/produto/identidade.md. Acesso em: 07 de outubro de 2023.

L. Lucas; M. Dafne; P. João; G. Lucas. GUIA DE ESTILO. Disponível em: https://github.com/fga-eps-mds/2023-1-Alectrion-DOC/blob/main/docs/documentacao/guia-de-estilo.md. Acesso em: 07 de outubro de 2023.

Histórico de Versões

Data Versão Descrição Autor(es) Revisor(es)
07/10/2023 1.0 Criação do documento Daniel Rodrigues da Rocha Davi Rodrigues & Brenda Santos