Stylepack

Fontes

As fontes que o situationnormal.co usa

O situationnormal.co usa EB Garamond nos títulos e no texto corrido. EB Garamond é uma fonte gratuita do Google Fonts, então você pode usar exatamente a mesma.

Medido no situationnormal.co há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

1 família
EB Garamond
Usada em
h1, h2, body
Origem
Google Fonts
Alternativa gratuita
Já é gratuita

CSS para reproduzir

Variáveis de fonte com a substituta gratuita na pilha, para que o mesmo CSS funcione com ou sem a fonte licenciada.

fonts.css
:root {
  --font-heading: "EB Garamond", sans-serif;
  --font-body: "EB Garamond", sans-serif;
  --font-size-base: 16px;
}

Como o texto é composto

headline-displayQuick brown foxEB Garamond / 46px / 400 / lh 55.2px / -1px
headline-lgQuick brown foxEB Garamond / 28px / 400 / lh 33.6px / -0.28px
headline-mdQuick brown foxEB Garamond / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogEB Garamond / 16px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogEB Garamond / 13px / 400 / lh 1.4
buttonThe quick brown fox jumps over the lazy dogEB Garamond / 14px / 400 / lh 1.4
Tamanhos de fonte em uso
14162846

Para agentes de IA

O pacote é texto puro, sem chave: busque o DESIGN.md ou entregue o pacote inteiro ao Claude Code, Cursor ou Copilot pelo servidor MCP.

curl -s https://stylepack.ai/packs/situationnormal.co/DESIGN.md

Perguntas

Qual fonte o situationnormal.co usa?

O situationnormal.co usa EB Garamond. Os títulos são compostos em EB Garamond e o texto corrido em EB Garamond, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do situationnormal.co é gratuita?

Sim. EB Garamond pode ser usada no seu próprio site sem comprar licença: carregue do Google Fonts, ou conte com a fonte do sistema onde é isso que o situationnormal.co usa.

Como ter a mesma tipografia do situationnormal.co no meu projeto?

Baixe o pacote de design do situationnormal.co no Stylepack: ele traz a pilha de fontes, a escala tipográfica, todos os estilos de texto e as capturas de tela, em um formato que um agente de código com IA, como Claude Code ou Cursor, consegue usar para construir.