Stylepack

Font

Font yang dipakai dropbox.com

dropbox.com memakai Sharp Grotesk untuk judul dan Atlas Grotesk Web untuk teks isinya. Sharp Grotesk adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Inter.

Diukur dari dropbox.com 4 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

3 font family
Sharp Grotesk
Dipakai untuk
h1, h3
Sumber
Dihosting sendiri
Alternatif gratis
Inter
Sharp Grotesk 23
Dipakai untuk
h2
Sumber
Dihosting sendiri
Alternatif gratis
Inter
Atlas Grotesk Web
Dipakai untuk
body, label, button
Sumber
Dihosting sendiri
Alternatif gratis
Inter

CSS untuk menirunya

Variabel font dengan pengganti gratis di dalam stack, jadi CSS yang sama tetap bekerja dengan atau tanpa font berlisensinya.

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

Cara teksnya ditata

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
Ukuran font yang dipakai
1214161820263240

Untuk agen AI

Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.

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

Pertanyaan

Font apa yang dipakai dropbox.com?

dropbox.com memakai Sharp Grotesk, Sharp Grotesk 23, Atlas Grotesk Web. Judul ditata dengan Sharp Grotesk dan teks isi dengan Atlas Grotesk Web, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font dropbox.com gratis dipakai?

Tidak. Sharp Grotesk adalah font berlisensi yang disajikan dropbox.com sendiri. Padanan gratis terdekatnya adalah Inter, tersedia di Google Fonts. CSS di halaman ini menaruhnya di font stack sebagai pengganti.

Bagaimana cara mendapatkan tipografi yang sama seperti dropbox.com di proyek saya?

Unduh paket desain dropbox.com dari Stylepack: isinya font stack, skala tipografi, setiap gaya teks, dan screenshot, dalam bentuk yang bisa dijadikan acuan AI coding agent seperti Claude Code atau Cursor.