Identidade visual
Guia da marcaLongevCheck
Marca exclusiva construída sobre o conceito de marcha: quatro passos em diagonal ascendente, paleta sálvia e tipografia Jura. Aqui estão as cores, a hierarquia tipográfica, os espaçamentos e as regras do slogan “Cada passo conta”. No fim da página está o pack de assets em PNG e SVG.
01 · Paleta
Cores e onde aplicar
Verde profundo
#2D3B2E
Passos do emblema, wordmark e títulos
Sálvia
#5D745E
Último passo, slogan, links e destaques
Sálvia clara
#DCE5D4
Trilha do passo, fundos de bloco e chips
Papel
#F5F0E8
Fundo das artes e do ícone do app
Tinta
#2B2824
Texto corrido das artes
Terra
#A84830
Acento raro: abas e nota manuscrita
Proporção sugerida: 60% papel/fundo, 25% verde profundo, 10% sálvia, 5% acento (sálvia clara ou terra). Contraste mínimo de 4.5:1 para qualquer texto.
02 · Tipografia
Famílias e hierarquia
| Uso | Fonte | Regra |
|---|---|---|
| Wordmark | Jura Medium | Caixa mista, tracking +1.5. Nunca em negrito nem itálico. |
| Slogan | Instrument Sans Regular | Caixa alta, tracking 0.17em, sálvia, ~36% do wordmark. |
| Títulos de tela | Jura Medium | Tracking -0.5%, máximo duas linhas. |
| Corpo de legenda | Instrument Sans Regular | Entrelinha 1.7, máximo 70 caracteres por linha. |
| Títulos das artes | Lora Bold | Serifa do caderno, 56–72 px em 1080×1350. |
| Rótulos e rodapés | IBM Plex Mono | Caixa alta, tracking 0.14em, 26–28 px. |
| Nota manuscrita | Nothing You Could Do | Só uma frase curta por arte, na cor de acento. |
03 · Espaçamentos
Grid de 4 px
4 px
Ajuste fino entre ícone e rótulo
8 px
Gap interno de chips e badges
12 px
Distância entre elementos irmãos
20 px
Padding de cartões no app
32 px
Separação entre blocos de conteúdo
56 px
Respiro entre seções da página
Nas artes 1080×1350: margem segura de 70 px, coluna de texto começando em 180 px e pauta a cada 46 px. Nos Stories 1080×1920, mantenha 240 px livres no topo e no rodapé para a interface do Instagram.
04 · Slogan
“Cada passo conta”
Pode
- ✓Slogan sempre completo: “Cada passo conta”.
- ✓Emblema com área de proteção igual ao comprimento de um passo.
- ✓Emblema isolado a partir de 24 px; logo com wordmark a partir de 120 px de largura.
- ✓Fundos claros (papel, branco) ou verde profundo sólido com os passos em papel.
- ✓Abaixo de 40 px use a versão simplificada de três passos (emblema-icone).
- ✓Assinatura profissional com nome + CRM, sem menção a especialidade que não exista.
Não pode
- ✕Não reescrever, traduzir ou abreviar o slogan.
- ✕Não usar o slogan como se fosse promessa de resultado clínico.
- ✕Não aplicar sombra, contorno, gradiente ou distorção nos passos.
- ✕Não mudar o ângulo da diagonal nem o número de passos.
- ✕Não recolorir fora da paleta sálvia.
- ✕Não colocar o emblema sobre foto de baixo contraste ou padrão carregado.
- ✕Não separar o wordmark do emblema criando um lockup novo.
05 · Emblema
Marcha, área de proteção e tamanhos
respiro = comprimento de um passo
24px
40px
64px
96px
06 · Download
Pack de assets da marca
- logo-passo.svgLogo completo em vetor (escala infinita)Baixar
- emblema-passo.svgEmblema de marcha em vetorBaixar
- emblema-icone.svgEmblema simplificado em vetor — usos abaixo de 40 pxBaixar
- logo-1536.pngLogo PNG transparente 1536 px — capas e slidesBaixar
- logo-1024.pngLogo PNG 1024 px — web e apresentaçõesBaixar
- logo-512.pngLogo PNG 512 px — cabeçalhosBaixar
- emblema-1024.pngEmblema 1024 px — perfil e artesBaixar
- emblema-512.pngEmblema 512 pxBaixar
- emblema-256.pngEmblema 256 pxBaixar
- emblema-128.pngEmblema 128 pxBaixar
- emblema-64.pngEmblema 64 px — uso em barraBaixar
- icone-512.pngÍcone do app 512 px — fundo papel, cantos arredondadosBaixar
- apple-touch-icon-180.pngÍcone iOS 180×180Baixar
- favicon-64.pngFavicon 64×64Baixar
- favicon-32.pngFavicon 32×32Baixar
