Stylepack

Fonts

The fonts dropbox.com uses

dropbox.com sets its headlines in Sharp Grotesk and its body text in Atlas Grotesk Web. Sharp Grotesk is a licensed font the site serves itself. The closest free match on Google Fonts: Inter.

Measured from dropbox.com 4 days ago.

Open the full design packDownload the pack

Font families

3 families
Sharp Grotesk
Used for
h1, h3
Source
Self-hosted
Free alternative
Inter
Sharp Grotesk 23
Used for
h2
Source
Self-hosted
Free alternative
Inter
Atlas Grotesk Web
Used for
body, label, button
Source
Self-hosted
Free alternative
Inter

CSS to reproduce it

Font variables with the free stand-in in the stack, so the same CSS works with or without the licensed font.

: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;
}

How the type is set

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
Font sizes in use
1214161820263240

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

curl -s https://stylepack.ai/packs/dropbox.com/DESIGN.md

Questions

What font does dropbox.com use?

dropbox.com uses Sharp Grotesk, Sharp Grotesk 23, Atlas Grotesk Web. Headlines are set in Sharp Grotesk and body text in Atlas Grotesk Web, measured from the site as it renders, not read from its stylesheet.

Is the dropbox.com font free to use?

No. Sharp Grotesk is a licensed font that dropbox.com serves itself. The closest free match is Inter, available on Google Fonts. The CSS on this page puts it in the font stack as the stand-in.

How do I get the same typography as dropbox.com in my project?

Download the dropbox.com design pack from Stylepack: it holds the font stack, the type scale, every text style and the screenshots, in a form an AI coding agent such as Claude Code or Cursor can build from.