Pessoas antes da tecnologia.
A fotografia é a forma mais direta de humanizar a AllVita. O ícone é a forma mais rápida de orientar.
02 · Princípios visuais
Seis regras para imagem e símbolo.
01
Gente real, perto
Interação antes de pose. Tecnologia em segundo plano.
02
Luz natural, cor real
Sem filtro teal. A cor da marca entra por véus documentados no capítulo 06.
03
O rosto é sagrado
A faceta nunca corta o rosto. O corte preserva a história.
04
Ícone com função
Navegar, indicar estado ou agir. Nunca enfeite.
05
Uma família, várias densidades
Mesmos ícones lineares no app e nos portais; muda o tamanho, não o estilo.
06
Nada só pela cor
Ícone e estado sempre acompanhados de texto.
03 · Universos fotográficos
Onde a marca acontece.
A · Cuidado humano
- Intenção
- Escuta e diálogo entre médico e paciente.
- Composição
- Duas pessoas em interação, mesa ou sofá, tecnologia discreta.
- Iluminação
- Natural lateral, suave.
- Pessoas
- Olhares entre si, gestos abertos.
- Ambiente
- Consultório acolhedor, plantas, madeira.
- Enquadramento
- Plano médio, horizontal.
- Aplicação
- Site, capas, apresentações.
- Evitar
- Médico de braços cruzados, olhar para a câmera.
B · Vida entre consultas
- Intenção
- A vida acontece entre um encontro e outro.
- Composição
- Pessoa em movimento, espaço livre na direção do olhar.
- Iluminação
- Manhã ou fim de tarde, natural.
- Pessoas
- Autonomia, calma, sorriso quando faz sentido.
- Ambiente
- Rua, parque, casa, trabalho.
- Enquadramento
- Plano aberto ou médio; vertical para social.
- Aplicação
- Campanhas, app, redes.
- Evitar
- Pose de academia, esforço extremo.
C · Medicina em ação
- Intenção
- O médico trabalhando com contexto.
- Composição
- Profissional concentrado, tablet ou prontuário em segundo plano.
- Iluminação
- Janela, ambiente claro.
- Pessoas
- Concentração, competência.
- Ambiente
- Consultório real, sem hospital clichê.
- Enquadramento
- Plano médio, horizontal ou 4/5.
- Aplicação
- Portal Médico, site profissional.
- Evitar
- Tela com texto falso legível.
D · Sense no cotidiano
- Intenção
- Wearable integrado à vida.
- Composição
- Pulseira visível, mas não protagonista.
- Iluminação
- Natural, ao ar livre.
- Pessoas
- Atividade leve, rotina.
- Ambiente
- Cidade, parque, casa.
- Enquadramento
- Médio, pulso legível.
- Aplicação
- Capítulo 15, campanhas Sense.
- Evitar
- Equipamento hospitalar, dados na tela da pulseira.
Acervo a produzir
Nenhuma foto adequada no acervo atual.
E · Clínicas e recepção
Acervo a produzir- Intenção
- Chegada, acolhimento e operação da clínica.
- Composição
- Recepcionista atendendo, fluxo calmo, poucos elementos.
- Iluminação
- Ambiente iluminado, temperatura neutra.
- Pessoas
- Cordialidade, sem filas.
- Ambiente
- Recepção contemporânea, sinalização sem texto legível.
- Enquadramento
- Horizontal amplo + detalhe 1/1.
- Aplicação
- Portal Clínica, site B2B.
- Evitar
- Corredor hospitalar, balcão com logos de terceiros.
F · Equipes de saúde
Novo universo · acervo existente- Intenção
- Cuidado multidisciplinar.
- Composição
- Três ou mais profissionais conversando, um ponto focal.
- Iluminação
- Natural, ambiente claro.
- Pessoas
- Diversidade de funções e pessoas.
- Ambiente
- Clínica, sala de equipe.
- Enquadramento
- Plano médio, 4/5 ou horizontal.
- Aplicação
- Portais Clínica e Gestão, LinkedIn.
- Evitar
- Pose em fila, crachás com texto inventado.
G · Família e cuidado
Referência parcial · casal em casa- Intenção
- Cuidado que envolve quem está perto.
- Composição
- Gerações ou casal em casa, gesto de cuidado.
- Iluminação
- Interior com luz de janela.
- Pessoas
- Afeto natural, sem encenação.
- Ambiente
- Cozinha, sala, refeição.
- Enquadramento
- Médio, horizontal.
- Aplicação
- App (Família, futuro), campanhas.
- Evitar
- Idoso frágil como símbolo da marca.
H · Retratos profissionais
Novo universo · acervo existente- Intenção
- Identidade do profissional no Perfil AllVita.
- Composição
- Uma pessoa, fundo desfocado claro, ombros e rosto.
- Iluminação
- Suave, frontal-lateral.
- Pessoas
- Olhar para a câmera permitido apenas aqui.
- Ambiente
- Clínica clara, desfoque.
- Enquadramento
- Vertical 4/5 e recorte 1/1.
- Aplicação
- Perfil, portal, apresentações.
- Evitar
- Fundo branco chapado, braços cruzados.
04 · Luz, pessoas e inclusão
Gente real, perto, em interação.
- Meia idade como faixa recorrente, sem exclusividade
- Diversidade real e pele real
- Expressões naturais, sorriso quando faz sentido
- Proximidade e interação
- Modelo olhando para a câmera (exceto retrato profissional)
- Médico de braços cruzados
- Hospital branco clichê
- Idoso como representação de toda a marca
Direção de pessoas
Ação real — conversar, caminhar, cozinhar. Nunca posar para a lente.
Inclusão
Idades, corpos, tons de pele e funções variados no conjunto, não em cada foto.
Profundidade de campo
Sujeito nítido, fundo levemente desfocado; contexto legível.
Expressões
Calma, atenção, alívio. Sem euforia publicitária nem dor.
Vida para uma identidade sóbria.
Faça— luz natural, cor real.
Evite— filtro teal, sombras fechadas.
05 · Enquadramento e formatos
O corte preserva a história.
Faça— rosto e interação preservados.
Faça— área livre para texto.
Evite— rosto na borda, sem contexto.
Evite— mão sem contexto.
Uma foto, três formatos
Área para título · 40–50%
06 · Tratamentos fotográficos e DNA
Quatro modos de compor.
Limpa
Sem véu. Padrão para editorial e site.
Entre consultas.
Véu Deep Azure
Gradiente localizado, só onde há texto (cap. 06).
Máscara de facetas
Capas e aberturas. Nunca em interface de dados.
Contexto
A consulta começa antes.
Editorial
Foto + bloco de texto em superfície clara.
Consulta confirmada
Quinta, 09/10 · 14:30
Foto + interface
Um único cartão, sobre área sem rosto, com informação não clínica ou ilustrativa. Vidro conforme materialidade do capítulo 06.
Exemplo ilustrativo07 · IA generativa e origem das imagens
Só é final se parecer fotografia real.
- Anatomia coerente e mãos corretas
- Wearables coerentes com o Sense
- Telas sem texto falso
- Documentos sem pseudoescrita
- Crachás sem palavras inventadas
- Nenhum artefato visível
Nenhuma imagem com pseudotexto deve ser considerada final. Pessoas geradas por IA nunca são apresentadas como clientes, pacientes ou depoimentos reais.
Ficha de briefing (preservada)
Classificação de origem
Fotografia real
Produção com autorização de imagem registrada.
Gerada por IA
Origem documentada no pedido e no arquivo.
Origem não verificada
Sem registro comprovado. Uso apenas no livro.
Conceitual
Ilustra ideia; não representa pessoa ou cliente real.
Aprovada
Revisada pelo owner para uso externo.
Situação do acervo atual (23 fotografias)
Todas classificadas como Origem não verificada: não existe registro no projeto que comprove produção real ou geração por IA. Nenhuma está marcada como aprovada para uso externo.
Ficha de produção · Clínicas e recepção
Acervo a produzir- Recepcionista e paciente de meia idade, conversa calma
- Recepção contemporânea, madeira, plantas, luz natural
- Sinalização e telas sem texto legível
- Formatos: 16/9 amplo, 4/5 e detalhe 1/1
- Evitar: fila, balcão hospitalar, logotipos de terceiros
Ficha de produção · Família e cuidado
Complementar- Duas ou três gerações em casa, gesto de cuidado cotidiano
- Interior com luz de janela, refeição ou sala
- Sense opcional, visível no pulso, sem dados em tela
- Formatos: 16/9 e 4/5
- Evitar: idoso frágil como símbolo, encenação publicitária
08 · Sistema de ícones
Linear, preciso, legível.
16 px · compacto
traço 2
20 px · padrão
traço 1,75
24 px · mobile
traço 1,75
32 px · destaque
traço 1,5
48 px · ilustrativo
traço 1,5
44 px · toque
Traço com ajuste óptico
1,75 px de referência. 2 px em 16 px ou menos, 1,5 px a partir de 28 px. Não há espessura única obrigatória.
Grid e alinhamento
Desenho em 24 px com 2 px de respiro; alinhado à altura de x do texto vizinho.
Área de toque
44 px no celular; 32–36 px nos portais com mouse.
A mesma ação, cinco estados.
Preenchimento suave quando a geometria permite; fundo + rótulo. Foco não depende da cor de domínio.
Símbolos dentro da interface.
Consulta de retorno
08/10 · 14:30 · ilustração
Biblioteca de ações.
Relação entre ícone, texto, superfície e contraste. Estudo — tokens e componentes finais nos capítulos 09 e 10.
A · Primário
Azure + disco translúcido. Uma por contexto.
B · Secundário
Superfície suave + disco branco.
C · Terciário
Texto sublinhado, sem superfície.
D · Só ícone
Sempre com nome acessível.
E · Flutuante
Ação de criação; uma por tela.
F · Circular
Chamadas e voz — gesto curto.
G · Em card
Disco branco sobre pastel; seta Azure.
H · Contextual
Menu curto, ancorado ao item.
I · Selecionado
Jade + disco; preenchimento suave.
Anexe um documento para enviar.
J · Desativado
40% de opacidade + motivo visível.
K · Carregando
Ícone vira indicador; rótulo muda.
L · Foco visível
Anel Teal 2 px, recuo 3 px.
Light × Dark · a mesma linguagem.
Mesmo símbolo, tamanho e traço; mudam superfície e contraste. O primário continua sendo o primário: Azure no claro, Jade no escuro.
Ícone padrão
Selecionado
Hover
Foco
Desativado
Notificação
Primário
Secundário
Só ícone
Contextual
Ícone padrão
Selecionado
Hover
Foco
Desativado
Notificação
Primário
Secundário
Só ícone
Contextual
Soft · ação
Jade acompanha a seleção.
Expressão · domínio
Lavanda identifica sono, não estado clínico.
Luz · destaque
Símbolo Azure sobre Chartreuse, nunca o inverso.
09 · Biblioteca por categoria
Doze famílias de função.
Navegação
Início
Home
Abrir menu
Menu
Voltar
ArrowLeft
Avançar / abrir item
ChevronRight
Buscar
Search
Ações
Criar
Plus
Editar
Pencil
Excluir
Trash2
Compartilhar
Share2
Baixar
Download
Formulários
Mostrar senha
Eye
Ocultar senha
EyeOff
Campo protegido
Lock
Anexar
Paperclip
Ajuda do campo
CircleHelp
Estados
Concluído
CircleCheck
Atenção
TriangleAlert
Erro
CircleAlert
Informação
Info
Carregando
Loader2
Agenda
Agenda
CalendarDays
Consulta confirmada
CalendarCheck
Horário
Clock
Data
Calendar
Lembrete
Bell
Comunicação
Mensagens
MessageCircle
Ligar
Phone
Teleconsulta
Video
Enviar
Send
Pacientes
Paciente / perfil
User
Lista / família
Users
Adicionar pessoa
UserPlus
Histórico
History
Atendimento
Stethoscope
Documentos
Documento
FileText
Pasta
FolderOpen
Lista / checklist
ClipboardList
Assinatura
FileSignature
Recibo
Receipt
Configurações
Configurações
Settings
Preferências
SlidersHorizontal
Notificações
Bell
Privacidade
Lock
Suporte
LifeBuoy
Tabelas
Filtrar
Filter
Ordenar
ArrowUpDown
Exportar
Download
Buscar na tabela
Search
Colunas
SlidersHorizontal
Operações
Clínica / unidade
Building2
Sala
DoorOpen
Contrato
Briefcase
Financeiro
Wallet
CRM / parceria
Handshake
Saúde
Frequência cardíaca
HeartPulse
Atividade / variabilidade
Activity
Temperatura
Thermometer
Sono
Moon
Passos
Footprints
Uso recomendado: ícone + rótulo em navegação e ações; ícone sozinho só com nome acessível e dica ao passar o mouse. Ícones de Saúde nunca aparecem no Portal Marca.
10 · Ícones por produto
Uma família. Cinco contextos.
Navegação do App do Paciente.
Estudo · quantidade de itens e arquitetura no capítulo 13Padrão
Ícones em 22 px, sem rótulo; nome acessível.
Selecionado
Disco Azure se abre em cápsula com rótulo.
Notificação
Ponto Teal com anel; nunca vermelho clínico.
Vita contextual
Orb oficial fora da barra — presença, não aba.
Ação de destaque
CTA deslizante acima da barra: uma ação por momento.
Navegação × atalhos
Atalhos em discos com rótulo, dentro do conteúdo; a barra só leva a lugares.
Navegação flutuante · Light × Dark
Barra, item selecionado e não selecionado, notificação, ação de destaque e Vita. Não é a navegação definitiva (capítulo 13).
Selecionado
Não selecionado
Notificação
Vita (Orb oficial)
Selecionado
Não selecionado
Notificação
Vita (Orb oficial)
A · Home
Estudo de iconografia · APP-P1 · sem wearable ativo
Olá, Mariana
Seu cuidado,
por perto.
Próxima consulta
Consulta de retorno
Dra. Helena
Teleconsulta
Seu resumo
Registros e documentos para a conversa.
Olá, Mariana
Seu cuidado,
por perto.
Próxima consulta
Consulta de retorno
Dra. Helena
Teleconsulta
Seu resumo
Registros e documentos para a conversa.
B · Minha Saúde
Conceito APP-P2 / Sense · dados ilustrativos · não disponível
Minha Saúde
Frequência cardíaca
72bpm
Registro ilustrativo · sem faixa ou classificação
Sono
≈ 7h12
Última noite
Movimento
—
Ausência, não falha clínica.
Minha Saúde
Frequência cardíaca
72bpm
Registro ilustrativo · sem faixa ou classificação
Sono
≈ 7h12
Última noite
Movimento
—
Ausência, não falha clínica.
C · Saúde feminina
Conceito APP-P2 / Sense · módulo futuro, não disponível
Meu registro
Saúde feminina · sem previsão de ciclo
Outubro
Como você se sente?
Expressão Rose em avaliação no capítulo 06. Cor de domínio, não estado clínico.
Meu registro
Saúde feminina · sem previsão de ciclo
Outubro
Como você se sente?
Expressão Rose em avaliação no capítulo 06. Cor de domínio, não estado clínico.
D · Agenda e comunicação
Estudo de iconografia · APP-P1 · conteúdo fictício
Sua agenda
Agendamento · 14:30
Dra. Helena · retorno
Mensagem · equipe
Recebemos seu documento.
Lembrete
Separar documentos · 13:30
Falar com a Vita
Sua agenda
Agendamento · 14:30
Dra. Helena · retorno
Mensagem · equipe
Recebemos seu documento.
Lembrete
Separar documentos · 13:30
Falar com a Vita
Precisão também é cuidado.
Nos portais, o ícone reduz o tempo de leitura. Menus, filtros e ações mantêm a família; a informação ganha densidade, sem virar um dashboard completo.
Portal Médico
Estudo conceitual · navegação, filtro, tabela, ação e menu contextual · não dashboard
Portal Médico
Agenda
08/10 · fila de trabalho
Mariana Lima
Retorno · teleconsulta
João Costa
Consulta · presencial
Portal Médico
Agenda
08/10 · fila de trabalho
Mariana Lima
Retorno · teleconsulta
João Costa
Consulta · presencial
Portal Clínica
Estudo conceitual · navegação, filtro, tabela, ação e menu contextual · não dashboard
Portal Clínica
Salas
Unidade Centro · operação
Dra. Helena
14:30 · reservada
Equipe de cuidado
15:00 · disponível
Portal Clínica
Salas
Unidade Centro · operação
Dra. Helena
14:30 · reservada
Equipe de cuidado
15:00 · disponível
Portal Gestão
Estudo conceitual · navegação, filtro, tabela, ação e menu contextual · não dashboard
Portal Gestão
Contratos
Operação comercial · amostra fictícia
Clínica Horizonte
Contrato · em revisão
Clínica Central
Contrato · assinado
Portal Gestão
Contratos
Operação comercial · amostra fictícia
Clínica Horizonte
Contrato · em revisão
Clínica Central
Contrato · assinado
Portal Marca
Estudo conceitual · navegação, filtro, tabela, ação e menu contextual · não dashboard
Portal Marca
Pedidos
Transações autorizadas · amostra fictícia
Pedido institucional
Solicitação · recebido
Material de campanha
Transação · autorizada
Portal Marca
Pedidos
Transações autorizadas · amostra fictícia
Pedido institucional
Solicitação · recebido
Material de campanha
Transação · autorizada
Somente campanhas, pedidos e transações autorizadas. Sem dados clínicos, fisiológicos ou de aderência, nem agregados.
11 · Saúde, Sense e Vita
Documentado não é disponível.
A · Métricas medidas
Condicional ao Sense · APP-P2Captadas diretamente pelo sensor.
Frequência cardíaca
HeartPulse
HRV
Activity
Temperatura de pele
Thermometer
Passos
Footprints
Movimento
Move
B · Derivadas e contextuais
Condicional ao Sense · estimadoCalculadas a partir das medidas. Sempre com rótulo “estimado” quando aplicável.
Sono
Bed
Recuperação
RefreshCw
Estresse estimado
Brain
Indicadores noturnos
Moon
C · Módulos futuros
Futuro · não disponívelDocumentados para coerência visual. Nenhum está disponível.
Saúde feminina
Flower2
Ciclo menstrual
Calendar
Saúde metabólica
Droplet
Bem-estar emocional
Smile
Respiração
Wind
Meditação
Leaf
Acompanhamento familiar
Users
Sense dentro dos componentes.
Frequência cardíaca
72bpm
Sem faixa ou classificação
Variabilidade cardíaca · HRV
48ms
Registro ilustrativo · sem interpretação clínica
Sono
≈ 7h12
Última noite
Movimento
8.240passos
Hoje · registro ilustrativo
Temperatura de pele
+0,3°C
Variação versus o próprio registro anterior
Recuperação estimada
—
Sem dados para exibir · sem escore validado
Saúde feminina
Registro pessoal e símbolos de contexto. Módulo futuro, sem previsão ou interpretação clínica.
Rose em avaliação · não oficializada.
Dispositivo, sincronização e origem
Conectado
Conexão ilustrativa
Bateria · 86%
Exemplo
Sincronizado · 09:30
08/10
Sincronizando…
Indicador neutro
Sinal não validado
Nesta amostra
— · sem dados
Ausência, não falha clínica
Origem · Sense
Sempre visível
≈ · estimado
Estimativa marcada
Sense e Vita · Light × Dark
O escuro não muda a gravidade: mesmos rótulos, mesmos símbolos, nenhuma cor como único sinal.
Frequência cardíaca
72bpm
Registro ilustrativo · sem faixa ou classificação
Frequência cardíaca
72bpm
Registro ilustrativo · sem faixa ou classificação
Vita: presença e controles auxiliares.
Interação assistiva conceitual · texto ilustrativo, não orientação clínica
Estou ouvindo.
Gravando · 00:12
Estado demonstrativo · nenhum áudio é capturado
Vita
Uma conversa, com contexto.
Podemos reunir suas perguntas em uma lista para conversar com sua equipe de cuidado.
Resposta assistiva · exemplo
A Orb é a identidade da Vita. Microfone, voz e atendimento são controles auxiliares — não substituem seus estados.
12 · Ícones versus gráficos
Símbolo orienta. Gráfico mede.
Capítulo 08 · ícones
Símbolos, pictogramas, ícones de estado, tamanho, traço e uso.
Capítulo 11 · widgets
Anéis, sparklines, séries temporais, barras, calendários e painéis longitudinais. Esboços — o detalhamento fica no capítulo 11.
Faça— ícone identifica o assunto.
Evite— ícone colorido usado como medida ou alerta.
13 · Acessibilidade
Todo ícone tem um nome.
Contraste
3:1 para ícones informativos contra o fundo.
Área de toque
44 px no celular, mesmo com ícone de 20 px.
Texto complementar
Rótulo visível em navegação e estados.
Foco
Contorno de 2 px em Rich Teal, afastado 2 px.
Decorativo × informativo
Decorativo fica oculto para leitor de tela; informativo tem nome.
Ampliação
Ícone cresce junto com o texto ampliado.
Sem só cor
Estado = ícone + texto, cor reforça.
Botão só com ícone
Nome acessível obrigatório (“Fechar”, “Buscar”).
Faça— botão só com ícone, nomeado e com foco.
Evite— alvo pequeno e anônimo.
Faça— estado com ícone e texto.
Evite— bolinha colorida como único sinal.
14 · Materialidade
Tudo junto, em uma peça.
8.420
passos · acima da sua média
Conceitual · dados ilustrativos · Sense pertence à APP-P2, não disponível.
Ícones para navegar, indicar estado e ação.
Faça— ícone com função.
Nossa missão
Nossa visão
Nossos valores
Evite— círculo com ícone em todo título; cor de domínio como enfeite.
Uma família, traço coerente.
Faça— família única.
Faça— retrato profissional com fundo claro desfocado.
Evite— faceta atravessando o rosto.
“Arritmia detectada”
Evite— ícone e texto que sugerem diagnóstico automático.