Stylepack

फ़ॉन्ट

supabase.com जो फ़ॉन्ट इस्तेमाल करता है

supabase.com अपने शीर्षक Manrope में और बॉडी टेक्स्ट Inter में सेट करता है। Manrope एक लाइसेंस वाला फ़ॉन्ट है, जिसे साइट ख़ुद सर्व करती है। Google Fonts पर सबसे क़रीबी मुफ़्त विकल्प: Manrope, Inter।

supabase.com से 4 दिन पहले मापा गया।

पूरा डिज़ाइन पैक खोलेंपैक डाउनलोड करें

फ़ॉन्ट फ़ैमिली

2 फ़ैमिली
Manrope
इस्तेमाल
h1, h2, h3
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Manrope
Inter
इस्तेमाल
body, label, button
स्रोत
स्वयं होस्ट किया गया
मुफ़्त विकल्प
Inter

इसे दोहराने के लिए CSS

फ़ॉन्ट variables, जिनके stack में मुफ़्त विकल्प भी है, ताकि वही CSS लाइसेंस वाले फ़ॉन्ट के साथ या उसके बिना भी काम करे।

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

टाइप कैसे सेट है

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
इस्तेमाल में फ़ॉन्ट साइज़
12131415163446

AI एजेंट के लिए

पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।

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

सवाल

supabase.com कौन सा फ़ॉन्ट इस्तेमाल करता है?

supabase.com Manrope, Inter इस्तेमाल करता है। शीर्षक Manrope में और बॉडी टेक्स्ट Inter में सेट हैं, साइट के रेंडर होने पर मापे गए, उसकी stylesheet से पढ़े नहीं गए।

क्या supabase.com का फ़ॉन्ट मुफ़्त में इस्तेमाल किया जा सकता है?

नहीं। Manrope एक लाइसेंस वाला फ़ॉन्ट है, जिसे supabase.com ख़ुद सर्व करता है। सबसे क़रीबी मुफ़्त विकल्प Manrope, Inter है, जो Google Fonts पर उपलब्ध है। इस पेज की CSS उसे font stack में स्टैंड-इन के रूप में रखती है।

अपने प्रोजेक्ट में supabase.com जैसी टाइपोग्राफ़ी कैसे पाऊँ?

Stylepack से supabase.com का डिज़ाइन पैक डाउनलोड करें: उसमें font stack, type scale, हर टेक्स्ट स्टाइल और स्क्रीनशॉट हैं, ऐसे रूप में जिससे Claude Code या Cursor जैसा AI कोडिंग एजेंट बना सके।