Stylepack

फ़ॉन्ट

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

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

sweetgreen.com से 32 दिन पहले मापा गया।

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

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

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

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

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

:root {
  --font-heading: "SweetSansText", "Inter", sans-serif; /* Inter stands in for SweetSansText */
  --font-body: "SweetSansText", "Inter", sans-serif; /* Inter stands in for SweetSansText */
  --font-button: "Grenette", "Inter", sans-serif; /* Inter stands in for Grenette */
  --font-size-base: 18px;
}

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

headline-displayQuick brown foxSweetSansText / 16px / 400 / lh 1
headline-lgQuick brown foxSweetSansText / 24px / 400 / lh 28.8px / 0.72px
headline-mdQuick brown foxSweetSansText / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogSweetSansText / 18px / 400 / lh 22.5px
label-mdThe quick brown fox jumps over the lazy dogSweetSansText / 24px / 400 / lh 28.8px
buttonThe quick brown fox jumps over the lazy dogGrenette / 48px / 200 / lh 48px / -2.25px
इस्तेमाल में फ़ॉन्ट साइज़
1618244870

AI एजेंट के लिए

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

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

सवाल

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

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

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

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

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

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