[DESIGN TOKENS] fontes em singles e páginas

[daphnemartinsba]

Foram mapeados os seguintes ajustes com base no styleguide

• h1:

• [x] aplicar a config Manrope; font-size: 48px; font-weight: 800; line-height: 55.2px; letter-spacing: -0.03em; text-align: left; para:

  • notícias
  • páginas
  • opiniões
  • afluentes
  • especiais
  • galerias

• h2:

• [x] aplicar a config Manrope; font-family: Manrope; font-size: 32px; font-weight: 800; line-height: 38.4px; letter-spacing: -0.02em; text-align: left; para:

  - galeria

• h3:

• [x] aplicar config Manrope; font-family: Manrope; font-size: 24px; font-weight: 800; line-height: 30px; letter-spacing: -0.01em; text-align: left;

  - galeria

• h4:

• [x] aplicar config Manrope; font-family: Manrope; font-size: 20px; font-weight: 700; line-height: 26px; text-align: left;

  - notícias
  - páginas
  - opiniões
  - afluentes
  - especiais
  - galerias

• h5:

• [x] aplicar config Manrope; font-family: Manrope; font-size: 13px; font-weight: 500; line-height: 18.85px; text-align: left;

  - galeria

• h6

• [x] aplicar config Manrope Medium 10; font-family: Manrope; font-size: 10px; font-weight: 700; line-height: 21px; letter-spacing: 0.1em; text-align: left;

  - notícias
  - páginas
  - opiniões
  - afluentes
  - especiais
  - galerias

[marinarcruz]

11/06:

• [x] Alterar os hs. Mudar: h3 ser o h1 e o h4 ser o h2.
• [x] Espaçamento entre letras quando usado o negrito
• [x] Mudar weight de 700 para 400 nas datas da segunda dobra da home
• [x] Citações - mudar o padrão da letra - Raíssa enviar um novo modelo, baseado no do site antigo

[barbaburns]

Atualizei o espaçamento entre letras quando negrito de acordo com style guide do figma.

[barbaburns]

• item: Alterar os hs. Mudar: h3 ser o h1 e o h4 ser o h2.

Existe um questão aqui que é desassociar as tags html de titulo (h1, h2...) do estilo. As tags funcionam como indicador de prioridade de conteudo e não tem nada a ver com o estilo, por exemplo um h2 pode ter font-size maior que h1.

Por boas praticas de SEO se usam as tags de titulo por prioridade, ou seja, não se usa um h3 antes de um h1.

Eu apliquei o estilo do h3 ao h1 e o estilo do h4 no h2 nas singles.

[Thayna-Zacharias]

cliente especificou que

• h1 passa a ser o que está em h3
• h2 passa a ser o que está em h4 isso no corpo do texto na single de notícias, título e resumo voltam a configuração de tamanhos normais, como está em produção atualmente

[barbaburns]

Essa mudança ja foi feita como descrito no meu ultimo comentario: "Eu apliquei o estilo do h3 ao h1 e o estilo do h4 no h2 nas singles."

[Thayna-Zacharias]

Sobre a questão dos hs, sugerimos ao cliente que implementasse o tamanho da fonte desejada através do bloco /Título e selecionando o h desejado, pois a alteração por código poderia causar confusão no processo editorial. Fizemos um post de exemplo e foi enviado ao cliente para aprovação. https://dev.midianinja.org/teste-para-tamanho-de-hs/

[thiagolamonte]

foi solicitado reverter o tamanho dos Hs nas singles de opinião e notícias

[Thayna-Zacharias]

O esperado é de que o tamanho do título principal dos posts tenha 48px, como está em dev atualmente

O tamanho dos Hs dentro do conteúdo das singles de notícias e opinião deve ser revertido, https://github.com/midianinja/ninja-wp-theme/commit/6bffdf7b5977ef86aae644f82165ca1811db5c48 E por hora ficará nos padrões que estão em produção.

[marinarcruz]

24/09: Foi enviado novo figma para análise: https://www.figma.com/design/ZVvIybXICJvCLB7sVbEWY5/M%C3%ADdia-NINJA-UI-V2?node-id=7004-8215&node-type=canvas&t=ccnNSDPGQfRsl8FA-0

Indicar designer e frontend para analisar

[laurahacklab]

@marinarcruz qual designer ficou de analisar essa?

[marinarcruz]

Marina fazer uma análise junto com @mlordep para entender os impactos da aplicação dos hs nesse novo figma. Responder cliente que estamos analisando.

[Thayna-Zacharias]

Conforme solicitado pelo cliente e especificado no figma, foi feita a alteração de tamanho dos Hs no conteúdo de posts.

O ajuste está disponível para validação em ambiente dev.

[caio-ascava]

validação concluída