Stylepack

Schriften

Die Schriften von dropbox.com

dropbox.com setzt Überschriften in Sharp Grotesk und Fließtext in Atlas Grotesk Web. Sharp Grotesk ist eine lizenzierte Schrift, die die Seite selbst ausliefert. Die nächste freie Alternative auf Google Fonts: Inter.

vor 4 Tagen auf dropbox.com gemessen.

Ganzes Designpaket öffnenPaket herunterladen

Schriftfamilien

3 Schriftfamilien
Sharp Grotesk
Verwendet für
h1, h3
Quelle
Selbst gehostet
Freie Alternative
Inter
Sharp Grotesk 23
Verwendet für
h2
Quelle
Selbst gehostet
Freie Alternative
Inter
Atlas Grotesk Web
Verwendet für
body, label, button
Quelle
Selbst gehostet
Freie Alternative
Inter

CSS zum Nachbauen

Schrift-Variablen mit der freien Alternative im Font-Stack, damit dasselbe CSS mit und ohne die lizenzierte Schrift funktioniert.

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

So ist der Text gesetzt

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
Verwendete Schriftgrößen
1214161820263240

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

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

Fragen

Welche Schrift benutzt dropbox.com?

dropbox.com nutzt Sharp Grotesk, Sharp Grotesk 23, Atlas Grotesk Web. Überschriften sind in Sharp Grotesk gesetzt, Fließtext in Atlas Grotesk Web, gemessen an der gerenderten Seite, nicht aus dem Stylesheet gelesen.

Ist die Schrift von dropbox.com frei nutzbar?

Nein. Sharp Grotesk ist eine lizenzierte Schrift, die dropbox.com selbst ausliefert. Die nächste freie Alternative ist Inter, verfügbar auf Google Fonts. Das CSS auf dieser Seite setzt sie als Ersatz in den Font-Stack.

Wie bekomme ich dieselbe Typografie wie dropbox.com in mein Projekt?

Lade das Designpaket von dropbox.com bei Stylepack herunter: Es enthält den Font-Stack, die Schriftskala, jeden Textstil und die Screenshots, in einer Form, aus der ein KI-Coding-Agent wie Claude Code oder Cursor bauen kann.