Fontes
As fontes que o sweetgreen.com usa
O sweetgreen.com usa SweetSansText nos títulos e no texto corrido. SweetSansText é uma fonte licenciada que o próprio site serve. A alternativa gratuita mais próxima no Google Fonts: Inter.
Medido no sweetgreen.com há 32 dias.
Famílias de fontes
2 famílias- Usada em
- h1, h2, body, label, button
- Origem
- Auto-hospedada
- Alternativa gratuita
- Inter
- Usada em
- button
- 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: "SweetSansText", "Inter", sans-serif; /* Inter stands in for SweetSansText */
--font-body: "SweetSansText", "Inter", sans-serif; /* Inter stands in for SweetSansText */
--font-button: "Grenette", "Inter", sans-serif; /* Inter stands in for Grenette */
--font-size-base: 18px;
}Como o texto é composto
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/sweetgreen.com/DESIGN.mdPerguntas
Qual fonte o sweetgreen.com usa?
O sweetgreen.com usa SweetSansText, Grenette. Os títulos são compostos em SweetSansText e o texto corrido em SweetSansText, medidos no site como ele é renderizado, não lidos da folha de estilos.
A fonte do sweetgreen.com é gratuita?
Não. SweetSansText é uma fonte licenciada que o próprio sweetgreen.com 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 sweetgreen.com no meu projeto?
Baixe o pacote de design do sweetgreen.com 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.