# Design para marketing na saúde: claro, calmo e acessível

[Canonical HTML page](https://gradiently.design/pt-br/guide/healthcare-marketing-design)

Quem lê os posts de uma clínica pode estar preocupado, com dor ou lendo numa tela pequena com a vista cansada. Faça o design pensando primeiro nessa pessoa e todo o resto fica mais fácil.

## The short version

- O design para marketing na saúde deve ser claro, calmo e acessível, porque muitos leitores estão ansiosos, doentes, são mais velhos ou leem numa tela pequena.
- As WCAG pedem uma razão de contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande, e as artes de saúde devem cumpri-la onde houver palavras.
- Carrosséis de dicas de saúde funcionam melhor com uma dica por slide, linguagem simples e um último slide que diz quando procurar atendimento.
- As afirmações no marketing de saúde devem descrever em que um tratamento pode ajudar, nunca prometer cura ou resultados, e seguir as regras do seu conselho profissional.
- Nunca dependa só da cor para transmitir significado, já que uma parcela importante das pessoas tem algum tipo de deficiência na visão de cores.

Um bom **design para marketing na saúde** é claro, calmo e acessível antes de qualquer outra coisa. Quem lê os posts de uma clínica pode estar ansioso com um sintoma, com dor, ser mais velho ou estar forçando a vista no celular numa sala de espera. Por isso as palavras precisam ser simples, o contraste forte, o layout limpo e cada afirmação cuidadosa. Acerte nisso e o feed da clínica vira algo em que os pacientes confiam e que compartilham, em vez de mais um anúncio para rolar. Este guia cobre paletas com números reais de contraste, carrosséis, tamanhos e as afirmações a evitar.

## O que o design para marketing na saúde precisa fazer

- **Tranquilizar.** Uma paleta calma e bastante espaço baixam a tensão antes de alguém ler uma palavra.
- **Informar.** Uma mensagem clara por arte, com as palavras que os pacientes usam, não termos clínicos.
- **Incluir.** Contraste forte, letras grandes e legendas, para que leitores mais velhos e pessoas com baixa visão não fiquem de fora.
- **Ter cuidado.** Descreva com honestidade o que você oferece e deixe o diagnóstico para as consultas.

Clínicas, consultórios odontológicos, fisioterapeutas, farmácias e terapeutas têm essas mesmas necessidades, cada um com suas particularidades. [Posts de dentista para redes sociais](https://gradiently.design/pt-br/guide/dentist-social-media-posts) e [redes sociais para terapeutas](https://gradiently.design/pt-br/guide/therapist-social-media) aprofundam dois desses casos.

## Paletas de cores para a saúde com contraste real

A saúde costuma cair no azul-claro com branco, o que pode parecer frio e clínico e muitas vezes reprova nos testes de contraste quando o texto vai num azul médio. Um caminho mais calmo e marcante é usar um verde-azulado profundo ou um tom de tinta para texto e estrutura, um branco quente em vez do branco puro e um destaque mais suave para formas e realces, não para palavras.

- Verde-azulado profundo: #0f3d3e
- Verde-azulado clínico: #0f766e
- Menta suave: #5eead4
- Branco quente: #f5f1ea
- Azul tinta: #1e3a5f

Uma paleta calma para clínicas. Verde-azulado profundo e azul tinta carregam o texto; menta suave é para formas e fundos, nunca para palavras pequenas.

| Texto sobre fundo | Razão de contraste | Usar para |
| --- | --- | --- |
| Verde-azulado profundo `#0f3d3e` sobre branco | 11,95:1 | Qualquer texto, qualquer tamanho |
| Azul tinta `#1e3a5f` sobre branco quente `#f5f1ea` | 10,22:1 | Qualquer texto, qualquer tamanho |
| Verde-azulado clínico `#0f766e` sobre branco | 5,47:1 | Texto do corpo e títulos |
| Verde-azulado clínico `#0f766e` sobre branco quente | 4,86:1 | Texto do corpo, logo acima do mínimo |
| Verde-azulado `#14b8a6` sobre branco | 2,49:1 | Só formas, reprova para texto |
| Menta suave `#5eead4` sobre branco | 1,48:1 | Só decoração |

Razões de contraste calculadas com a fórmula das WCAG. O nível AA pede 4,5:1 para texto normal e 3:1 para texto grande; mire bem acima do mínimo para um público que inclui leitores mais velhos.

Gradientes e fotos dificultam o contraste, porque ele muda ao longo da imagem. Confira o ponto mais claro atrás de cada linha, não a média. O [verificador de contraste](https://webaim.org/resources/contrastchecker/) da WebAIM dá uma resposta rápida, e [contraste de cores e acessibilidade](https://gradiently.design/pt-br/guide/color-contrast-accessibility) explica as regras por completo. O Gradiently ajuda aqui: um Mark se acalma atrás das palavras e a Tinta automática escolhe texto claro ou escuro para cada linha a partir da paleta do próprio Mark, então uma dica continua legível onde quer que esteja. Mesmo assim, confira o resultado com os números acima.

## Como criar um carrossel de dicas de saúde

Carrosséis de dicas ganham salvamentos e compartilhamentos porque são úteis sem ser propaganda. Mantenha cada slide com uma dica em linguagem simples, use o mesmo layout do começo ao fim e termine sempre dizendo quando procurar ajuda profissional. Esse último slide é responsável e, ao mesmo tempo, a sua chamada para ação mais gentil.

1. **Slide de capa: a promessa** “Cinco jeitos de proteger as costas no trabalho.” Um número e um benefício claro.
2. **Uma dica por slide** Um título curto e uma ou duas frases. Se uma dica precisa de um parágrafo, ela merece um post próprio.
3. **Palavras simples** “Levante a cada meia hora”, não “reduza a carga estática prolongada”. Escreva de um jeito que uma criança de doze anos consiga acompanhar.
4. **Quando procurar ajuda** O último slide lista os sinais de que é hora de marcar uma consulta ou buscar atendimento urgente, e como agendar.

Um slide de carrossel de dicas de saúde que diz Levante a cada meia hora, dica 2 de 5, com uma explicação curta embaixo

Uma dica, uma frase de explicação e o número do slide para o leitor saber em que ponto está.

Um slide final de carrossel com o título Quando nos procurar, convidando a agendar se a dor nas costas não passa ou preocupa

O slide final: quando agendar, escrito sem alarmismo. Peça os sinais reais aos profissionais da sua clínica, não copie de um template.

[Carrosséis de dicas](https://gradiently.design/pt-br/guide/tips-carousel) detalha a quantidade de slides e as capas.

## Afirmações no marketing de saúde: o que evitar

A publicidade na área da saúde é regulamentada em muitos países, e os conselhos profissionais costumam acrescentar regras próprias. Os detalhes variam, então confira as orientações atuais do seu conselho antes de publicar, mas um padrão cuidadoso vale em quase todo lugar: descreva em que um serviço pode ajudar, evite prometer resultados, nunca use o medo para vender e não dê a entender que um post substitui uma avaliação.

### Evite

- “Acaba com a dor nas costas de vez”
- “Resultados garantidos em três sessões”
- Fotos de antes e depois sem consentimento ou contexto
- “Não ignore este sintoma, pode ser grave”
- Afirmações vagas do tipo “estudos mostram”

### Faça

- “A fisioterapia pode ajudar a aliviar a dor nas costas”
- “A maioria dos tratamentos começa com uma avaliação”
- Histórias de pacientes compartilhadas com consentimento por escrito
- “Se você notar isso, agende uma consulta, estamos aqui”
- Links para a página de um serviço de saúde oficial

> **A privacidade do paciente vem primeiro** Nunca publique fotos, nomes, histórias ou mesmo um detalhe reconhecível de consulta de um paciente sem consentimento claro por escrito. Uma mensagem simpática de agradecimento de um paciente continua sendo dado pessoal.

## Design acessível na saúde, além do contraste

- Use texto do corpo grande: o que parece grande no computador fica pequeno num celular segurado à distância do braço.
- Nunca dependa só da cor. Junte um alerta vermelho a um ícone ou a uma palavra, pensando em quem tem deficiência na visão de cores; veja [daltonismo no design](https://gradiently.design/pt-br/guide/color-blindness-design).
- Escreva texto alternativo para cada imagem que você publica, descrevendo o que ela mostra e diz.
- Coloque legenda em todos os vídeos, já que muita gente assiste sem som e algumas pessoas não conseguem ouvir. [Design de legendas para vídeo](https://gradiently.design/pt-br/guide/video-captions-design) mostra como.
- Mantenha as animações suaves e curtas, e nunca use flashes.

## Tamanhos para redes sociais e impressos de clínicas

Pacientes da região muitas vezes encontram uma clínica pelo Google, então as postagens no Perfil da Empresa no Google importam tanto quanto o Instagram. E as salas de espera ainda precisam de cartazes e folhetos.

- Post do Instagram 1080×1350: 1080 × 1350
- Post do Facebook 1200×1200: 1200 × 1200
- Postagem no Google 1200×900: 1200 × 900
- Cartaz A4 2480×3508: 2480 × 3508
- Folheto A5 1748×2480: 1748 × 2480

Cinco tamanhos que cobrem as necessidades online e da sala de espera de uma clínica, em escala. Os tamanhos A4 e A5 estão em 300 dpi para impressão. [Tamanho de postagem no Google Business](https://gradiently.design/pt-br/guide/google-business-post-size) explica mais sobre o formato do Google.

Crie uma campanha sazonal, como um lembrete da vacina da gripe, uma vez só e redimensione para cada um desses formatos, em vez de refazê-la cinco vezes. Isso poupa horas de quem gerencia a clínica e mantém a mensagem idêntica em todo lugar onde ela aparece.

## FAQ

### Quais são as melhores cores para o marketing na saúde?

Cores calmas com contraste forte: um verde-azulado profundo, azul tinta ou verde para o texto, um fundo branco quente e tons mais suaves só para formas e decoração.

### Qual razão de contraste as artes de saúde precisam ter?

O nível AA das WCAG pede pelo menos 4,5:1 para texto normal e 3:1 para texto grande. Para um público que inclui leitores mais velhos, mire bem acima do mínimo.

### O que uma clínica deve postar nas redes sociais?

Carrosséis de dicas de saúde, apresentações da equipe, horários de funcionamento e novidades dos serviços, lembretes sazonais e histórias de pacientes compartilhadas com consentimento por escrito.

### Profissionais de saúde podem fazer afirmações em posts?

Limite as afirmações àquilo em que um serviço pode ajudar, evite prometer resultados e siga as regras de publicidade do seu país e as orientações do seu conselho profissional.

### Qual é o tamanho de uma postagem no Google Business?

1200×900 pixels, um quadro 4:3 exibido no seu Perfil da Empresa no Google.