Stylepack

Fontes

As fontes que o dropbox.com usa

O dropbox.com usa Sharp Grotesk nos títulos e Atlas Grotesk Web no texto corrido. Sharp Grotesk é uma fonte licenciada que o próprio site serve. A alternativa gratuita mais próxima no Google Fonts: Inter.

Medido no dropbox.com há 4 dias.

Abrir o pacote de design completoBaixar o pacote

Famílias de fontes

3 famílias
Sharp Grotesk
Usada em
h1, h3
Origem
Auto-hospedada
Alternativa gratuita
Inter
Sharp Grotesk 23
Usada em
h2
Origem
Auto-hospedada
Alternativa gratuita
Inter
Atlas Grotesk Web
Usada em
body, label, 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: "Sharp Grotesk", "Inter", sans-serif; /* Inter stands in for Sharp Grotesk */
  --font-body: "Atlas Grotesk Web", "Inter", sans-serif; /* Inter stands in for Atlas Grotesk Web */
  --font-size-base: 16px;
}

Como o texto é composto

headline-displayQuick brown foxSharp Grotesk / 40px / 500 / lh 48px
headline-lgQuick brown foxSharp Grotesk 23 / 32px / 400 / lh 38.4px
headline-mdQuick brown foxSharp Grotesk / 18px / 500 / lh 21.6px
body-mdThe quick brown fox jumps over the lazy dogAtlas Grotesk Web / 16px / 400 / lh 24px
label-mdThe quick brown fox jumps over the lazy dogAtlas Grotesk Web / 12px / 700 / lh 1.2
buttonThe quick brown fox jumps over the lazy dogAtlas Grotesk Web / 16px / 500 / lh 19.2px
Tamanhos de fonte em uso
1214161820263240

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/dropbox.com/DESIGN.md

Perguntas

Qual fonte o dropbox.com usa?

O dropbox.com usa Sharp Grotesk, Sharp Grotesk 23, Atlas Grotesk Web. Os títulos são compostos em Sharp Grotesk e o texto corrido em Atlas Grotesk Web, medidos no site como ele é renderizado, não lidos da folha de estilos.

A fonte do dropbox.com é gratuita?

Não. Sharp Grotesk é uma fonte licenciada que o próprio dropbox.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 dropbox.com no meu projeto?

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