Stylepack

Fontes

As fontes que o how.studio usa

O how.studio usa Azeret Mono nos títulos e wagram no texto corrido. Azeret Mono é uma fonte licenciada que o próprio site serve. A alternativa gratuita mais próxima no Google Fonts: Inter.

Medido no how.studio há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

2 famílias
Azeret Mono
Usada em
h1, label, button
Origem
Auto-hospedada
Alternativa gratuita
Inter
wagram
Usada em
h2, body
Origem
Auto-hospedada
Alternativa gratuita
Inter

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.

:root {
  --font-heading: "Azeret Mono", "Inter", monospace; /* Inter stands in for Azeret Mono */
  --font-body: "Azeret Mono", "Inter", monospace; /* Inter stands in for Azeret Mono */
  --font-size-base: 16px;
}

Como o texto é composto

headline-displayQuick brown foxAzeret Mono / 12px / 360 / lh 13.8px
headline-lgQuick brown foxwagram / 60px / 300 / lh 51px / -3px
headline-mdQuick brown foxwagram / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogwagram / 16px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogAzeret Mono / 12px / 360 / lh 1.15
buttonThe quick brown fox jumps over the lazy dogAzeret Mono / 12px / 360 / lh 13.8px
Tamanhos de fonte em uso
10121632406072

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/how.studio/DESIGN.md

Perguntas

Qual fonte o how.studio usa?

O how.studio usa Azeret Mono, wagram. Os títulos são compostos em Azeret Mono e o texto corrido em wagram, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do how.studio é gratuita?

Não. Azeret Mono é uma fonte licenciada que o próprio how.studio serve. A alternativa gratuita mais próxima é Inter, disponível no Google Fonts. O CSS desta página a coloca na pilha de fontes como substituta.

Como ter a mesma tipografia do how.studio no meu projeto?

Baixe o pacote de design do how.studio 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.