Fontlar
sweetgreen.com sitesinin kullandığı fontlar
sweetgreen.com, başlıklarını ve gövde metnini SweetSansText ile diziyor. SweetSansText, sitenin kendi sunduğu lisanslı bir font. Google Fonts üzerindeki en yakın ücretsiz karşılığı: Inter.
sweetgreen.com sitesinden 32 gün önce ölçüldü.
Font aileleri
2 font ailesi- Kullanım yeri
- h1, h2, body, label, button
- Kaynak
- Kendi sunucusunda
- Ücretsiz alternatif
- Inter
- Kullanım yeri
- 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: "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;
}Yazı nasıl dizilmiş
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/sweetgreen.com/DESIGN.mdSorular
sweetgreen.com hangi yazı tipini kullanıyor?
sweetgreen.com, SweetSansText, Grenette kullanıyor. Başlıklar SweetSansText, gövde metni SweetSansText ile dizilmiş; bu değerler sitenin stil dosyasından okunmadı, sitenin ekrandaki halinden ölçüldü.
sweetgreen.com fontu ücretsiz kullanılabilir mi?
Hayır. SweetSansText, sweetgreen.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.
sweetgreen.com ile aynı tipografiyi projemde nasıl elde ederim?
sweetgreen.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.