Boas práticas de conteúdo no Studio CMS

1

Princípios base

Para qualquer página

🧭

Apresente uma ideia por bloco. Ao abordar dois temas, divida em blocos separados.
Priorize o impacto antes dos detalhes. Estruture: título curto → texto de contexto → prova (imagem, cards ou testemunhos) → CTA.
Consistência é mais importante que estética. Alterações de tom, tamanho ou espaçamento durante a página prejudicam a uniformidade.

2

Títulos

Hierarquia e comprimento

✏️

Regras simples

O título deve transmitir a mensagem principal. O texto subsequente fornece a explicação.
3–8 palavras é o ideal.
Evite títulos com mais de duas linhas em dispositivos móveis.

Padrões que funcionam bem

Frase curta: Brilha no ecrã.
Etiqueta + título: NEON MODE; Impacto controlado
Dois tempos: PULSE. Ritmo e resposta

⚠️

Evitar: títulos longos, com várias vírgulas ou que se assemelhem a parágrafos.

3

Texto

Parágrafos e leitura

📝

Comprimento recomendado

Recomenda-se 2 a 4 linhas por parágrafo no ecrã.
Utilize entre 50 e 120 palavras por bloco como referência.

Estrutura rápida

Inclua uma frase de impacto, preferencialmente curta.
Adicione duas a três frases de contexto.
Utilize três a cinco bullets para facilitar a leitura rápida, quando necessário.

Quando dividir em colunas

Utilize duas colunas para textos mais longos, como manifestos curtos, notas editoriais ou listas extensas.
Verifique sempre o comportamento em dispositivos móveis, pois o conteúdo geralmente é empilhado.

⚠️

Evitar: blocos extensos de texto contínuo e múltiplas formatações (tamanhos ou cores) em um mesmo bloco.

4

Listas

Bullets e passos

📋

O ideal é utilizar de 3 a 5 itens por lista.
Cada bullet deve conter uma linha, no máximo duas.
Inicie bullets com verbos ou termos consistentes:
Destaca… / Organiza… / Responde…
Contraste… / Ritmo… / Clareza…

5

Imagens

Qualidade, proporção e consistência

🖼️

Qualidade mínima

Para imagens de destaque, utilize largura de aproximadamente 1920px ou superior.
Para grelhas ou mosaicos, utilize largura de aproximadamente 1200px ou superior.

Proporções recomendadas

Hero16:9

Editorial4:3 / 3:2

Grelha / Tiles1:1 / 4:5

Regras de legibilidade

Evite imagens com texto pequeno embutido, pois podem se tornar ilegíveis em dispositivos móveis.
Garanta uma área segura: o elemento principal não deve estar próximo às bordas para evitar cortes.
Se usares imagem como fundo, confirma sempre contraste do texto.

6

CTAs e links

Ação clara

🎯

Inclua um CTA principal por secção, sempre que possível.
O texto do botão deve conter um verbo seguido do objetivo.
Explorar coleção Ver exemplos Pedir demo
Evite repetir CTAs genéricos, como “Saber mais”, em todas as secções.

⚠️

Regra de ouro: se o utilizador não souber o que vai acontecer ao clicar, o CTA falhou.

7

Espaçamento e ritmo

O que mais falha

📐

Utilize espaçamentos consistentes entre secções. Evite margens ou preenchimentos diferentes em cada bloco.
Secções com cor ou fundo devem ter padding suficiente para garantir boa leitura.
Se a página parecer “apertada”, aumenta padding antes de aumentar o tamanho de letra.

💡

Dica prática: testa sempre a página em mobile antes de publicar — é onde os problemas de ritmo aparecem primeiro.

8

Checklist final

Antes de publicar

✅

Os títulos são curtos e não excedem duas linhas em dispositivos móveis.

Não há blocos extensos de texto; utiliza parágrafos curtos e listas quando apropriado.

As imagens apresentam boa qualidade e proporções consistentes.

Há contraste suficiente entre texto e fundo.

A ordem da página é lógica: apresentação → prova → ação.

Os CTAs são claros e não repetitivos.