← Blog PJzen

Guia de estilos do blog: todos os elementos do editor

Quero começar
Guia de estilos do blog: todos os elementos do editor

Post de referência com títulos, parágrafos, listas, citações, imagens, tabela, botões e mais — para conferir a leitura no desktop e no celular.

Este post existe para testar a leitura de todos os elementos que o editor do WordPress oferece. Aqui aparecem itálico, negrito com itálico, um link interno, um trecho de código em linha e uma marcação de destaque. Use-o como referência sempre que mudar o CSS do tema.

Um segundo parágrafo serve para conferir o espaço entre parágrafos e a altura da linha. Textos longos precisam respirar: no celular, linhas muito juntas cansam a leitura, e linhas muito separadas quebram o ritmo. O ideal fica entre 60 e 75 caracteres por linha no desktop.

Título nível 2 — seções principais do post

O H2 divide o post em grandes blocos. É o título mais usado e também o que o Google usa para entender a estrutura do conteúdo.

Título nível 3 — subtópicos

O H3 organiza os assuntos dentro de uma seção. Logo abaixo, os níveis menores, menos usados no dia a dia.

Título nível 4

Parágrafo depois de um H4, para ver o espaçamento.

Título nível 5
Título nível 6

Parágrafo depois de dois títulos seguidos.

Estilos de parágrafo

Parágrafo com letra capitular. A primeira letra fica grande e ocupa algumas linhas, um recurso clássico de revistas para abrir textos longos. Funciona melhor no primeiro parágrafo de um artigo e deve ser usado com moderação para não poluir a página.

Parágrafo em tamanho grande: bom para frases de abertura ou para destacar uma ideia sem usar citação.

Parágrafo em tamanho pequeno: útil para observações, fontes e avisos legais, como “valores sujeitos a alteração conforme a legislação vigente”.

Parágrafo centralizado, para frases curtas de transição.

Listas

Lista com marcadores, incluindo um subnível:

  • Emita a nota fiscal logo depois de receber o pagamento;
  • Separe uma reserva mensal para os impostos:
    • DAS do Simples Nacional;
    • INSS sobre o pró-labore.
  • Guarde todos os comprovantes em um só lugar — um item mais longo para conferir como a segunda linha se alinha com a primeira quando o texto quebra.

Lista numerada, para passo a passo:

  1. Escolha o tipo de empresa e o regime tributário;
  2. Registre o CNPJ e a inscrição municipal;
  3. Abra uma conta PJ;
  4. Emita a primeira nota fiscal.

Citações

Organização financeira é o que separa o PJ tranquilo do PJ que vive apagando incêndio.

Equipe PJzen

Sua vida PJ mais zen começa com uma contabilidade que você entende.

Citação de destaque (pullquote)

Imagens

Imagem na largura do texto, com legenda:

Pessoa trabalhando em um escritório
Legenda da imagem: descreve a foto ou credita o autor.

Imagem larga (passa um pouco da coluna de texto no desktop):

Profissional sorrindo
Imagem com alinhamento “largo”.
Fotógrafo
Imagem à direita.

Este parágrafo contorna uma imagem alinhada à direita. No desktop o texto corre ao lado da foto; no celular a imagem deve ocupar a largura toda, acima do texto, para não espremer as palavras numa coluna estreita. Escreva mais algumas linhas aqui para o texto passar da altura da foto e ver como ele volta para a largura normal depois dela. Mais uma frase para completar o teste de contorno, conferindo se a margem entre a imagem e o texto está confortável.

Galeria com três imagens:

Tabela

RegimePara quemAlíquota inicial
MEIFaturamento até R$ 81 mil/anoValor fixo mensal
Simples NacionalMaioria dos prestadores de serviço6% (Anexo III)
Lucro PresumidoFaturamentos maiores ou margens altas~13,33% a 16,33%
Valores ilustrativos — consulte um contador.

Colunas

Coluna 1

No desktop as colunas ficam lado a lado. No celular, uma embaixo da outra.

Coluna 2

Bom para comparar duas opções, como CLT e PJ, ou antes e depois.

Botões

Perguntas frequentes (detalhes)

Preciso de contador sendo PJ?

Se você não é MEI, sim: a contabilidade é obrigatória para empresas do Simples Nacional e do Lucro Presumido.

Posso emitir nota fiscal pelo celular?

Pode. Com a PJzen você emite a nota pelo WhatsApp em menos de um minuto.


Código e texto pré-formatado

Faturamento mensal: R$ 10.000
Alíquota Simples (Anexo III): 6%
Imposto do mês: R$ 600
Texto pré-formatado mantém os espaços
    e as quebras de linha exatamente como digitados.

Vídeo do YouTube

Vídeo incorporado (16:9).

Parágrafo final, para conferir o espaço entre o último bloco e as tags do post.

Leia também