Veja também: Guia completo de safe zone para Instagram | Safe zone para Reels
Stories briga com tudo: o WhatsApp apitando, o Telegram, o e-mail, a criança chorando, a louça na pia. Você tem um segundo e meio de atenção emprestada, e o Instagram ainda cobre parte da tela com a própria interface. Deixar o elemento crítico fora da safe zone é entregar esse segundo e meio de graça.
Safe zone para Stories do Instagram define a área do criativo que permanece visível sem ser coberta pela barra de progresso, pelo perfil do autor, pelos botões de resposta ou pelo botão de CTA em anúncios. No Stories, as áreas bloqueadas são previsíveis e consistentes: topo e base. O que varia é o quanto cada elemento cobre dependendo do tipo de publicação, orgânica ou anúncio.
Para gestores que usam Stories como canal de conversão, com links, CTAs e swipe up, a safe zone para Stories é especialmente crítica. O botão de ação precisa estar visível para que o usuário clique. Se estiver fora da área segura, desaparece atrás dos controles do aplicativo.
Safe zone para Stories: dimensões e áreas bloqueadas
Checklist de safe zone para Stories
- CTA de swipe up / link: posicionar entre 75% e 80% da altura (acima dos 380 px bloqueados)
- Logo ou nome da marca: posicionar abaixo dos 270 px do topo (abaixo da barra de progresso)
- Texto principal: manter entre 15% e 80% da altura do frame
- Em Stories Ads: confira o CTA no preview do Gerenciador de Anúncios, porque o Meta põe o próprio botão de ação na base
O frame completo do Stories é 1080 x 1920 px. A safe zone para Stories no modo orgânico é de 895 x 1270 px, com 270 px bloqueados no topo pela barra de progresso e perfil, 380 px bloqueados na base pelos botões de resposta, emoji e envio, 120 px livres na direita e 65 na esquerda.
O que bloqueia cada região da safe zone para Stories
Topo (270 px bloqueados): a barra de progresso das histórias fica no topo absoluto, ocupando cerca de 4 px de altura mas com uma zona de toque de aproximadamente 40 px. Abaixo dela fica o avatar do perfil (foto de 36 px mais margem), o nome do usuário e o horário de publicação. Essa região ocupa aproximadamente 270 px do topo do frame. Qualquer texto do criativo nessa área vai colidir visualmente com o nome do perfil ou ficar atrás da barra de progresso.
Base (380 px bloqueados): a barra inferior do Stories tem três elementos sobrepostos ao criativo: o campo de texto “Enviar mensagem” ou “Responder a [nome]”, o emoji de coração rápido e o ícone de compartilhamento direto. Essa região ocupa aproximadamente 380 px da base. Qualquer CTA do criativo posicionado aqui vai ficar coberto ou visualmente confuso com esses controles.
Em Stories Ads, a base aumenta: quando o Stories vira anúncio no Meta, o sistema adiciona um botão de CTA acima da barra de resposta. A altura dele muda com o layout do aplicativo, então confira no preview do Gerenciador de Anúncios antes de subir.
Onde posicionar o CTA no Stories para garantir visibilidade
O CTA no Stories orgânico deve estar entre 70% e 80% da altura do frame, contada de cima para baixo. Em pixels, isso equivale a posicionar o elemento entre aproximadamente 1.340 px e 1.530 px de distância do topo, dentro da safe zone, que termina nos 1.540 px.
Essa posição segue uma lógica de UX: o usuário lê o conteúdo principal no centro do frame e depois o olhar desce naturalmente para o CTA. Se o CTA estiver muito alto, compete com o conteúdo principal. Se estiver muito baixo, some atrás dos controles do aplicativo.
Em Stories Ads com botão de link, o próprio Meta fornece o botão de CTA como elemento de interface. Nesse caso, o criativo não precisa de um CTA visual no frame: a mensagem deve guiar o usuário para o botão que o Meta já posiciona automaticamente. Repetir o botão dentro da arte só disputa espaço com ele.
Safe zone para Stories: diferença entre vertical e full-screen
O Stories é sempre exibido em modo full-screen no celular, o que significa que o frame de 1080 x 1920 px ocupa toda a tela. Isso é diferente do feed, onde a imagem aparece em um espaço delimitado entre outros posts.
Em full-screen, as bordas do frame são as bordas da tela do celular. Não existe borda preta ou área de fora do conteúdo. Isso torna a safe zone para Stories mais crítica do que em outros formatos: o que está fora da safe zone está literalmente atrás de um botão do sistema operacional ou de um controle do aplicativo, sem nenhuma margem visual extra.
Em celulares com notch (entalhe na parte superior da tela), o notch pode cobrir parte dos primeiros 60-80 px do frame, além da barra de progresso e do perfil. Criativos que posicionam elementos muito próximos ao topo absoluto do frame podem ter problemas específicos nesses dispositivos.
Como testar a safe zone para Stories antes de publicar
O método mais confiável é subir o criativo como rascunho no Instagram, abrir no próprio celular antes de publicar e verificar visualmente se todos os elementos estão aparecendo. O Instagram permite salvar um Stories como rascunho sem publicar, o que viabiliza essa revisão.
Para anúncios, o Meta Ads Manager tem um preview do criativo por posicionamento. Na criação do conjunto de anúncios, clique em “Visualizar anúncio” e selecione o posicionamento Stories. O preview mostra exatamente como o criativo vai aparecer com o botão de CTA, o perfil e o label “Patrocinado” sobrepostos.
Conclusão: safe zone para Stories é mais simples que Reels, mas igualmente crítica
A safe zone para Stories é mais simples de gerenciar do que a do Reels porque a base coberta é bem menor: 380 px contra 670 no Reels. Mas é igualmente crítica porque é o formato mais usado para conversão direta: link na bio, swipe up, botão de CTA em anúncio. Um CTA fora da safe zone no Stories é uma conversão perdida.
A regra de ouro para Stories é a mesma de todos os formatos: visualizar no celular antes de publicar. O que parece perfeito no computador, com o frame completo visível, pode ter o CTA completamente coberto quando aberto no Instagram num celular real.
No TikTok a área segura é outra, e as medidas estão em safe zone do TikTok.
Seu conteúdo aparece pra quem decide via IA?
Mesmo o conteúdo perfeito não converte se ChatGPT, Gemini e Perplexity não recomendam sua empresa. O Sonar IA mostra em segundos se as IAs conseguem ler seu site e o que está bloqueando.
FAQ
Qual é a safe zone para Stories do Instagram?
A safe zone para Stories do Instagram no modo orgânico é de 895 x 1270 px, dentro do frame total de 1080 x 1920 px. O topo (270 px) é bloqueado pela barra de progresso e pelo perfil. A base (380 px) é bloqueada pelos botões de resposta e envio. Nas laterais, deixe 65 px na esquerda e 120 na direita. Em anúncios, o Meta ainda põe o próprio botão de CTA na base: confira no preview.
Posso usar texto na parte inferior do Stories?
Sim, desde que o texto esteja acima dos 380 px bloqueados pela base. Em termos práticos, qualquer texto deve terminar antes de 80% da altura total do frame (antes dos 1.540 px contados do topo). Em anúncios, confira no preview, porque o botão de CTA do Meta ocupa parte dessa base.
No Stories o CTA é o jogo todo. Você faz o vídeo, capricha na copy, e aí joga o botão lá embaixo, bem onde a barra de resposta do Instagram senta em cima. O cara quer clicar e acaba clicando em “responder”. É gol perdido na pequena área: bola redonda, goleiro batido, e você chuta pra fora por não conhecer o campo. Sobe o CTA pros 75% da altura e o clique aparece onde a mão do usuário já está.