Stylepack

Font

Font yang dipakai sweetgreen.com

sweetgreen.com memakai SweetSansText untuk judul dan teks isinya. SweetSansText adalah font berlisensi yang disajikan situs itu sendiri. Padanan gratis terdekat di Google Fonts: Inter.

Diukur dari sweetgreen.com 32 hari yang lalu.

Buka paket desain lengkapUnduh paket

Font family

2 font family
SweetSansText
Dipakai untuk
h1, h2, body, label, button
Sumber
Dihosting sendiri
Alternatif gratis
Inter
Grenette
Dipakai untuk
button
Sumber
Dihosting sendiri
Alternatif gratis
Inter

CSS untuk menirunya

Variabel font dengan pengganti gratis di dalam stack, jadi CSS yang sama tetap bekerja dengan atau tanpa font berlisensinya.

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

Cara teksnya ditata

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
Ukuran font yang dipakai
1618244870

Untuk agen AI

Paket berupa teks biasa, tanpa kunci: ambil DESIGN.md, atau serahkan seluruh paket ke Claude Code, Cursor, atau Copilot lewat server MCP.

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

Pertanyaan

Font apa yang dipakai sweetgreen.com?

sweetgreen.com memakai SweetSansText, Grenette. Judul ditata dengan SweetSansText dan teks isi dengan SweetSansText, diukur dari situs saat dirender, bukan dibaca dari stylesheet-nya.

Apakah font sweetgreen.com gratis dipakai?

Tidak. SweetSansText adalah font berlisensi yang disajikan sweetgreen.com sendiri. Padanan gratis terdekatnya adalah Inter, tersedia di Google Fonts. CSS di halaman ini menaruhnya di font stack sebagai pengganti.

Bagaimana cara mendapatkan tipografi yang sama seperti sweetgreen.com di proyek saya?

Unduh paket desain sweetgreen.com dari Stylepack: isinya font stack, skala tipografi, setiap gaya teks, dan screenshot, dalam bentuk yang bisa dijadikan acuan AI coding agent seperti Claude Code atau Cursor.