Linguagem visual

Iconografia

A construção e o uso de ícones no universo Agenu.

AgendaPacientesMensagensAutomaçãoHoráriosBuscaNotificaçõesConfiguraçõesRelatóriosConfirmarAvançarAdicionar

Sistema

A Agenu utiliza uma linguagem iconográfica baseada em formas geométricas, claras e de presença moderada. Phosphor é a família de referência para a iconografia funcional em ambientes digitais.

FamíliaPhosphor IconsEstilo principalRegularInterface20pxCor padrãocurrentColor

Construção

Família: PhosphorPeso padrão: RegularTamanho padrão: 24pxTamanho de interface: 20px

Use os pesos e proporções nativos da família. A Agenu controla contexto, tamanho, contraste e espaçamento — não a geometria interna dos ícones.

Peso e escala

Compacto · 16px
Interface · 20px
Editorial · 32px

Use Regular como padrão. Fill pode reforçar uma seleção quando houver ganho de reconhecimento, mas cor e contexto também devem comunicar o estado.

16px · compact20px · ui24px · standard32px · editorial

Ícone + texto

Agenda 8pxPacientes 8pxAtendimento 8pxRelatórios 8px

Cor

Agenu Black
Agenu Green
Agenu Gray
Agenu White

Aplicação

Comunicação

Atendimento organizado

Agenda conectada

Histórico centralizado

Símbolo ≠ ícone

O símbolo Agenu faz parte da identidade da marca. Ele não é um ícone genérico de interface, botão, bullet, indicador ou decoração repetitiva.

Princípios de uso

Faça

Mantenha uma família com mesmo peso, geometria e proporções.

Use o menor tamanho que preserve compreensão e alinhe o ícone ao conteúdo.

Evite

Misturar famílias, reduzir o traço ou transformar o desenho sem razão funcional.

Aplicar efeitos, distorcer SVGs ou usar verde apenas como decoração.

FaçaAgendaPacientes
EviteMisturar famílias ou alterar o traço

Acessibilidade

Ícones decorativos devem ser ignorados por tecnologias assistivas. Ícones funcionais sem label precisam de nome acessível; cor e ícone não devem ser o único indicador de um estado importante.