Tipografia
Grande o suficiente para ser lida. Leve o suficiente para respirar. Uma fonte, uma escala, três densidades — do livro de marca ao app do paciente e aos portais.
02 · Fonte oficial
Satoshi: anatomia, pesos e papéis.
- Altura de maiúscula
- ampla, abertura generosa — lê bem em tamanhos pequenos
- Altura de x
- alta — corpo de 15–17 px permanece confortável
- Linha de base
- estável — números alinhados em tabelas
- Algarismos
- tabulares disponíveis (tnum) para dados e colunas
Ag
Regular 400
Corpo, leitura, tabelas.
✓ Carregado
Ag
Medium 500
Títulos, números, botões, rótulos.
✓ Carregado
Ag
Semibold 600
Títulos de cartão e rótulos curtos.
⚠ Não carregado no livro — aparece como 700 (decisão de preservação)
Ag
Bold 700
Excepcional e justificado.
✓ Carregado
800 / 900 — não usar. Nem em títulos, nem em números.
JetBrains Mono 400 · 500 — somente código, tokens e referências técnicas.
Métricas fisiológicas — sempre Satoshi com algarismos tabulares, nunca fonte monoespaçada.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 · áéíóú ãõ ç · → ✓ % °C
03 · Princípios
Seis decisões antes de qualquer tamanho.
Sua próxima consulta é quinta, às 14:30.
Legibilidade antes de estilo
Ninguém deve aproximar o rosto da tela para ler um dado de saúde.
Agenda 3 consultas
Hierarquia pelo tamanho
Peso Medium faz o trabalho; Bold é exceção.
AaAaAa
Uma fonte, três densidades
Editorial, Confortável e Operacional compartilham a mesma escala.
7h12 sono · ontem
Número com contexto
Valor, unidade, tempo e origem — sempre juntos.
Sincronização pendente
Nada só pela cor
Estado é dito em texto e ícone; cor apenas reforça.
100% → 200%
Respira com o usuário
Texto ampliado em até 200% reorganiza, não corta.
04 · Escala base única
Uma régua. Três leituras.
Display
Cuidado
Editorial 72–144
Confortável —
Operacional —
Peso 500
Linha 0,95–1,05
Título de tela
Seus pacientes
Editorial 44
Confortável 30
Operacional 28
Peso 500
Linha 1,15
Título de seção
Próximas consultas
Editorial 32
Confortável 24
Operacional 20
Peso 500
Linha 1,2
Título de cartão
Resumo da semana
Editorial 24
Confortável 20
Operacional 17
Peso 500 (600*)
Linha 1,3
Corpo L
O cuidado continua entre um encontro e outro.
Editorial 19
Confortável 17
Operacional 16
Peso 400
Linha 1,55
Corpo
Retorno confirmado para quinta-feira.
Editorial 17
Confortável 17
Operacional 15
Peso 400
Linha 1,5
Auxiliar
Atualizado há 5 min
Editorial 16
Confortável 15
Operacional 14
Peso 400
Linha 1,45
Rótulo
Frequência em repouso
Editorial 15
Confortável 14
Operacional 13
Peso 500
Linha 1,3
Botão
Confirmar retorno
Editorial 17
Confortável 17
Operacional 15
Peso 500
Linha 1,2
Data Hero
72
Editorial 120–160
Confortável 56
Operacional 48
Peso 500
Linha 0,95
Data L
7h12
Editorial 40
Confortável 40
Operacional 32
Peso 500
Linha 1
Data M
8.240
Editorial 24
Confortável 28
Operacional 24
Peso 500
Linha 1,1
Valores em px. * No livro, 600 aparece como 700 (preservado); em novos produtos, 600 verdadeiro (ver seção 14). Piso de referência: 13 px, apenas para rótulos operacionais curtos — nunca para texto corrido ou dado clínico.
Escala de produto vigente
Preservada como registro. A altura de linha 1,3 aplicada a toda a escala contradiz a regra de corpo 1,5–1,6 — a régua base acima corrige isso na documentação. Componentes existentes não foram alterados.
Título de página
31–44px
Seus pacientes
Subtítulo de página
25–32px
Agenda de hoje
Título de seção
20–24px
Próximas consultas
Título de cartão
17–18px
Resumo da semana
Leitura contínua
17–18px
O cuidado continua entre um encontro e outro.
Corpo operacional
16px
Retorno confirmado para quinta-feira.
Labels / botões
15–16px
Confirmar retorno
Navegação / shell
14–15px
Pacientes · Agenda · Mensagens
Microcopy
13–15px
Atualizado há 5 min
05 · Três densidades
A mesma voz, em ritmos diferentes.
Editorial
Marca, site, apresentações, comunicação institucional.
O cuidado continua.
Entre uma consulta e outra, a vida acontece — e o médico passa a enxergar isso.
Atualizado às 08:42
título 44 · corpo 19 · rótulo 15 · respiro 24
Confortável
App do Paciente, jornadas pessoais, mensagens da Vita.
Bom dia, Marta
Sua consulta com a Dra. Helena é quinta, às 14:30.
Atualizado às 08:42
título 30 · corpo 17 · rótulo 14 · respiro 18
Operacional
Portais Médico, Clínica, Gestão e Marca.
Agenda de hoje
8 consultas · 2 retornos aguardando confirmação.
Atualizado às 08:42
título 28 · corpo 15 · rótulo 13 · respiro 12
06 · Escala editorial
O livro pode falar mais alto.
Display XL
56–144 · 500 · 0,92
Cuidado
Display L
48–104 · 500 · 0,98
Continuidade
Display M
40–72 · 500 · 1,02
Entre consultas
H1
36–44 · 500 · 1,08
O cuidado prossegue
H2
28–32 · 500 · 1,15
Contexto antes da consulta
H3
22–24 · 500 · 1,2
Acompanhamento real
Body L
18–19 · 400 · 1,58
Grande o suficiente para ser lida, leve o suficiente para respirar.
Body
17 · 400 · 1,58
A AllVita organiza o que importa para que médico e paciente conversem melhor.
Caption
16 · 400 · 1,55
Foto: consulta de acompanhamento.
Label
15 · 600* · caixa-alta curta
Rótulo de seção
Capa institucional
Medicina que acompanha a vida.
A plataforma que conecta médico, paciente e cuidado contínuo.
Slide de apresentação
O que muda entre uma consulta e outra.
- Contexto antes do encontro
- Continuidade depois dele
07 · Tipografia de interface
Confortável no app. Precisa nos portais.
App do Paciente · densidade Confortável
Quarta, 08/10
Bom dia, Marta
Próxima consulta
Dra. Helena Moraes
Quinta, 09/10 · 14:30
Minha Saúde
Frequência em repouso
Hoje · 07:10
72bpm
Média da noite. Origem: dispositivo conectado · sincronizado há 12 min.
Sono · ontem
7h12
Deitou 23:20 · acordou 06:32
Vita
Lembrete: sua consulta é amanhã às 14:30. Quer revisar as perguntas que você anotou?
Retorno · cardiologia
14/11 · 09:00
Conferência com a POC v0.4 (APP-P1 e APP-P2) pendente: o documento não está disponível neste projeto. Nenhum recurso futuro do Sense é exibido como disponível — a origem dos dados aparece como “dispositivo conectado”.
Portais · densidade Operacional
Portal Médico
08/10 · 08:42
Agenda de hoje
Portal Clínica
08/10 · 08:42
Salas e horários
Portal Gestão
08/10 · 08:42
Acessos da equipe
Portal Marca
08/10 · 08:42
Pedidos e campanhas
O Portal Marca exibe somente informação comercial e transacional autorizada. Nunca dados clínicos, fisiológicos, diagnóstico, prontuário, prescrição ou aderência ao tratamento.
Elementos de interface
Botões
app 17 · 500 · portais 15 · 500 · frase curta, sem caixa-alta
Campo de formulário
Formato dia/mês/ano.
rótulo 15 · valor 17 · ajuda 14 — rótulo sempre visível
Aviso
Sincronização pendente
Última leitura há 2 dias. Abra o app perto do dispositivo.
título 16 · 500 · texto 15 · ícone + texto, nunca só cor
08 · Tabelas e listas operacionais
Colunas que se leem de relance.
Marta Ribeiro
Próxima: 09/10 · 14:30
Atualizado
João Pereira
Próxima: 10/10 · 09:40
Pendente
Ana Souza
Próxima: 14/10 · 10:20
Sem dados
No celular a tabela vira lista: nenhuma coluna é escondida por falta de espaço e nenhum nome é cortado. Dados fictícios.
Corpo da tabela
14–15 px · 400
Cabeçalho
13–14 px · 500 · frase curta
Data e hora
formato único “08/10 · 14:30”
Altura de linha
mín. 44 px por linha clicável
09 · Anatomia dos números
Números com anatomia.
Frequência em repouso
72bpm
Hoje · 07:10 · dispositivo conectado
Média durante o sono da última noite.
- 1Valor
- 2Unidade
- 3Tempo
- 4Origem
- 5Descrição
Exemplo visual — não é dado real.
Separadores
Vírgula decimal, ponto de milhar: 8.240 · 0,3 · R$ 1.240,00.
Espaço
Espaço fino entre valor e unidade; os dois nunca quebram de linha.
Unidade
Até 50% do valor (mín. 14 px), 400, cor secundária.
Duração
Horas e minutos juntos: 7h12. Nunca 7,2 h.
Variação
Sinal + seta + texto: ↑ +6% vs. semana anterior.
Ausente
“—” com legenda “sem dados”. Nunca 0.
Estimado
“≈” antes do valor e rótulo “estimado”.
Alinhamento
Colunas numéricas à direita; tabular sempre.
10 · Indicadores e dados de saúde
O dado diz de onde veio e quando.
Medido
72bpm
Hoje · 07:10 · dispositivo conectado
Sincronizado há 12 min
Estimado
≈ 7h05
Ontem · estimado pelo movimento
Valor estimado, não medido
Ausente
—
Sem dados nas últimas 48 h
Sem dados
Desatualizado
48ms
06/10 · 21:02 · dispositivo conectado
Última sincronização há 2 dias
Comparação
8.240passos
Hoje até 16:00
↑ +6% vs. média das últimas 4 semanas
Comparação
+0,3°C
Noite de ontem · vs. sua média
↓ menor que na semana anterior
A Vita descreve e organiza; nunca diagnostica. “Sua média caiu” — nunca “você tem arritmia”.
Proveniência e última sincronização ficam visíveis junto do valor, não escondidas em detalhes.
Comparação longitudinal compara com o próprio paciente, com período declarado.
11 · Gráficos, eixos e microlegendas
O gráfico também é texto.
Frequência em repouso · 7 dias
02/10 a 08/10 · dispositivo conectado
Média diáriaSua média (4 semanas)
Eixos
14 px · 400 · tabular · cor secundária
Legenda
14 px · traço + forma, não só cor
Destaque de ponto
valor + unidade no formato da seção 09
Título do gráfico
período e origem sempre declarados
12 · Responsividade
Muda o tamanho, não a hierarquia.
Display editorial
Computador 104–144
Tablet 72–96
Celular 48–56
Título de tela (app)
Computador 32
Tablet 30
Celular 28–30
Título de tela (portal)
Computador 28
Tablet 26
Celular 24
Corpo (app)
Computador 17
Tablet 17
Celular 17
Corpo (portal)
Computador 15–16
Tablet 15–16
Celular 16
Tabela
Computador 14–15
Tablet 14–15
Celular vira lista · 15–17
Data L
Computador 40
Tablet 40
Celular 36–40
Em px. O corpo do app não diminui no celular; nos portais, o corpo sobe para 16 px quando usado em tela pequena.
13 · Acessibilidade e ampliação
Legível para todos, por padrão.
Texto em 100%
Frequência em repouso
Hoje · 07:10
72bpm
Média da noite. Origem: dispositivo conectado · sincronizado há 12 min.
Texto em 200%
Frequência em repouso
Hoje · 07:10
72bpm
Média da noite. Origem: dispositivo conectado · sincronizado há 12 min.
Tamanho mínimo
13 px é piso de referência, só para rótulos operacionais curtos. Corpo: 17 px no app, 15–16 px nos portais.
Contraste
4,5:1 para texto, 3:1 para títulos grandes e ícones.
Largura de linha
45–75 caracteres em leitura contínua.
Altura de linha
1,5–1,6 no corpo; 1,05–1,2 em títulos; 1,0 em números grandes.
Escalabilidade
Layouts aceitam texto ampliado do sistema até 200% sem cortar informação clínica.
Caixa-alta e peso
Sem caixa-alta em textos longos. Sem pesos ultrafinos. Sem 800/900.
14 · Aplicações práticas
Os refinamentos viraram regra.
O cuidado continua.
Faça— título grande em Medium.
O CUIDADO CONTINUA.
Evite— título Black/900 em caixa-alta.
A AllVita organiza o histórico, o contexto e o que mudou desde o último encontro.
Faça— corpo de 17–18 px.
A AllVita organiza o histórico, o contexto e o que mudou desde o último encontro.
Evite— texto minúsculo para “parecer sofisticado”.
Faça— unidade menor, secundária, colada ao valor.
72 BPM
Evite— fonte monoespaçada e unidade do mesmo tamanho.
Última sincronização há 2 dias
Abra o app perto do dispositivo.
Faça— estado escrito, com ícone.
72
Evite— número vermelho sem explicação — cor como único sinal.
Hipertensão arterial sistêmica · acompanhamento desde 2019
Faça— informação clínica quebra linha, não é cortada.
Hipertensão arterial sistêmica · acompanhamento desde 2019
Evite— reticências escondendo informação clínica.
Divergências registradas para reconciliação futura
Nada abaixo foi alterado nesta rodada. Cada item exige autorização própria porque mexe em páginas homologadas ou em estilos compartilhados.
Semibold 600 — decisão de preservação (AV-BRAND-02H-07C)
O livro carrega 300/400/500/700/900. Declarações em 600 (H4, rótulos) aparecem com aparência equivalente ao 700, conforme a auditoria 02H-07B. A troca global foi testada e não autorizada, pois alterava páginas homologadas; o comportamento atual é preservado nas páginas existentes, mas não é a especificação ideal.
Semibold 600 em novos produtos
Futuro App do Paciente e novos componentes de portais: usar o peso verdadeiro Satoshi 600, apenas de arquivos legítimos e licenciados (Fontshare), validando a tipografia desde o início com os pesos efetivos, sem depender de substituição automática. Diretriz de especificação — não altera portais ou app existentes.
Escala de produto × editorial
H1 36–44 contra Título 31–44; Microcopy 13 contra Body XS 14. A régua única (seção 04) é a proposta de reconciliação.
Altura de linha 1,3 na escala de produto
Aplicada também ao corpo; a regra pede 1,5–1,6.
Textos pequenos nas maquetes
Capítulos 05, 16 e 17: cerca de 90 tamanhos fixos, ao menos 59 abaixo de 13 px. Rótulo de 12 px na capa.
Regras de tabelas e dados clínicos
Não existiam; documentadas agora nas seções 08 a 11 como proposta.