Stylepack

Fontlar

supabase.com sitesinin kullandığı fontlar

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

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

Tam tasarım paketini açPaketi indir

Font aileleri

2 font ailesi
Manrope
Kullanım yeri
h1, h2, h3
Kaynak
Kendi sunucusunda
Ücretsiz alternatif
Manrope
Inter
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: "Manrope", "Manrope", sans-serif; /* Manrope stands in for Manrope */
  --font-body: "Inter", "Inter", sans-serif; /* Inter stands in for Inter */
  --font-size-base: 15px;
}

Yazı nasıl dizilmiş

headline-displayQuick brown foxManrope / 46px / 500 / lh 46px
headline-lgQuick brown foxManrope / 16px / 600 / lh 24px
headline-mdQuick brown foxManrope / 34px / 600 / lh 37.7778px
body-mdThe quick brown fox jumps over the lazy dogInter / 15px / 450 / lh 22.5px
label-mdThe quick brown fox jumps over the lazy dogInter / 12px / 500 / lh 1.33
buttonThe quick brown fox jumps over the lazy dogInter / 14px / 450 / lh 20px
Kullanılan font boyutları
12131415163446

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

Sorular

supabase.com hangi yazı tipini kullanıyor?

supabase.com, Manrope, Inter kullanıyor. Başlıklar Manrope, gövde metni Inter ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.

supabase.com fontu ücretsiz kullanılabilir mi?

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

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

supabase.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.