Identidade visual
Mini guia de marca do LongevCheck
Avalie em qualquer lugar. Referência rápida de cores, tipografia e uso do escudo para manter a consistência entre telas, relatórios e o ícone do aplicativo.
Paleta de cores
Azul bebê
Identidade atual do LongevCheck
- #eef6fb
- #bfe0f0
- #5c9fc4
- #1d3a52
Confiança clínica
Azul profundo com branco
- #e8edf3
- #3b6fa0
- #1e3a5f
- #0f1b3d
Verde cuidado
Esmeralda sereno
- #f5f0e0
- #a8c0a0
- #0d7a5f
- #064e3b
Neutro editorial
Cinzas com acento vivo
- #f5f3ee
- #e8e4dd
- #2d2d2d
- #3b82f6
Tokens semânticos
Sempre use os tokens abaixo em vez de cores fixas — assim a troca de paleta e o modo escuro continuam funcionando.
--background / --foregroundFundo da página e texto principal--primary / --primary-foregroundAções principais, aba ativa, escudo--secondary / --mutedSuperfícies de apoio e textos secundários--accentDestaques pontuais e estados de foco--destructiveAlertas clínicos e ações irreversíveis--ringAnel de foco visível na navegação por teclado
Tipografia
Fonte única: a pilha sans-serif do sistema (San Francisco no iOS, Roboto no Android, Segoe UI no Windows). Ela carrega instantaneamente, é legível em telas pequenas e mantém o app leve em consultório e visita domiciliar.
Display — LongevCheck
Título principal de página (h1)
Seção — LongevCheck
Títulos de seção (h2)
Cartão — LongevCheck
Títulos de instrumento e cards (h3)
Corpo — LongevCheck
Enunciados, respostas e textos gerais
Apoio — LongevCheck
Legendas, versões e avisos
Regras: um único h1 por página, hierarquia sem pular níveis, números de pontuação sempre em negrito e nunca abaixo de 12 px.
Escudo e ícone
24px40px64pxO símbolo une o eixo pericial (escudo) ao eixo geriátrico (bengala que se transforma em linha de ECG). Ele representa avaliação com respaldo técnico — e nunca deve ser recriado ou redesenhado fora deste guia.
Faça
- Use o escudo sempre em proporção quadrada, com cantos arredondados (rounded-xl a rounded-2xl).
- Mantenha uma margem livre equivalente a 1/4 da altura do escudo em volta dele.
- Sobre fundos claros use a versão em degradê azul; sobre fundos escuros, a versão de contorno branco.
- Tamanho mínimo: 24 px no cabeçalho, 40 px no rodapé, 192 px no ícone instalável.
- No cabeçalho, o escudo sempre acompanha o nome LongevCheck à direita.
Evite
- Não distorcer, girar ou aplicar sombra colorida no escudo.
- Não recolorir com tons fora da paleta ativa nem usar gradientes arco-íris.
- Não colocar o escudo sobre fotos de baixo contraste sem uma camada de fundo.
- Não usar o escudo como marca-d'água atrás de texto de instrumento.
- Não combinar o escudo com outro logotipo dentro do mesmo bloco visual.
Tom de voz
- Simples e direto: frases curtas, sem jargão desnecessário.
- Prático e móvel: o texto assume uso à beira do leito e em visita domiciliar.
- Clínico e responsável: escores sempre acompanhados da interpretação e do limite de uso.
- Nome sempre escrito como “LongevCheck”, com o slogan “Avalie em qualquer lugar”.