Stylepack

Fontlar

dropbox.com sitesinin kullandığı fontlar

dropbox.com, başlıklarını Sharp Grotesk, gövde metnini Atlas Grotesk Web ile diziyor. Sharp Grotesk, sitenin kendi sunduğu lisanslı bir font. Google Fonts üzerindeki en yakın ücretsiz karşılığı: Inter.

dropbox.com sitesinden 4 gün önce ölçüldü.

Tam tasarım paketini açPaketi indir

Font aileleri

3 font ailesi
Sharp Grotesk
Kullanım yeri
h1, h3
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Inter
Sharp Grotesk 23
Kullanım yeri
h2
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Inter
Atlas Grotesk Web
Kullanım yeri
body, label, button
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Inter

Aynısını üretmek için CSS

Font değişkenleri, ücretsiz muadil font yığınında olacak şekilde; böylece aynı CSS lisanslı fontla da onsuz da çalışır.

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

Yazı nasıl dizilmiş

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
Kullanılan font boyutları
1214161820263240

Yapay zeka ajanları için

Paket düz metindir, anahtar gerekmez: DESIGN.md dosyasını alın ya da tüm paketi MCP sunucusuyla Claude Code, Cursor veya Copilot'a verin.

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

Sorular

dropbox.com hangi yazı tipini kullanıyor?

dropbox.com, Sharp Grotesk, Sharp Grotesk 23, Atlas Grotesk Web kullanıyor. Başlıklar Sharp Grotesk, gövde metni Atlas Grotesk Web ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.

dropbox.com fontu ücretsiz kullanılabilir mi?

Hayır. Sharp Grotesk, dropbox.com sitesinin kendi sunduğu lisanslı bir font. En yakın ücretsiz karşılığı Google Fonts üzerindeki Inter. Bu sayfadaki CSS onu muadil olarak font yığınına koyar.

dropbox.com ile aynı tipografiyi projemde nasıl elde ederim?

dropbox.com tasarım paketini Stylepack üzerinden indirin: font yığınını, tip ölçeğini, her metin stilini ve ekran görüntülerini, Claude Code ya da Cursor gibi bir yapay zeka kodlama ajanının üzerine inşa edebileceği biçimde içerir.