Warna
Palet warna sweetgreen.com
sweetgreen.com membangun halamannya di atas #f4f3e7 dengan teks #0e150e dan tanpa satu warna aksen tertentu. 5 warna di bawah ini diukur dari situs aslinya.
Diukur dari sweetgreen.com 32 hari yang lalu.
Palet
5 warna| Warna | Peran | Hex | RGB |
|---|---|---|---|
background | Page background | #f4f3e7 | rgb(244 243 231) |
surface | Cards, panels, raised or recessed surfaces | #d8e5d6 | rgb(216 229 214) |
foreground | Primary text | #0e150e | rgb(14 21 14) |
muted-foreground | Secondary text, captions | #8c8c82 | rgb(140 140 130) |
border | Hairlines, dividers, input borders | #0e150e | rgb(14 21 14) |
- Teks di atas latar halaman
- 16.62:1 · lolos WCAG AA
Variabel CSS
Setiap warna sebagai custom property, dinamai menurut perannya. Blok gelap muncul bila situs punya tema gelap.
:root {
--color-background: #f4f3e7;
--color-surface: #d8e5d6;
--color-foreground: #0e150e;
--color-muted-foreground: #8c8c82;
--color-border: #0e150e;
}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.mdPertanyaan
Apa kode hex sweetgreen.com?
Warna aksen di sweetgreen.com adalah #0e150e; latar halamannya #f4f3e7 dan warna teks utamanya #0e150e. Semuanya diukur dari halaman yang dirender, jadi inilah yang dilihat pengunjung, bukan nilai dari panduan gaya.
Bagaimana cara memakai warna sweetgreen.com di Tailwind atau CSS?
Salin variabel CSS atau tema Tailwind v4 di halaman ini, atau unduh paket desainnya: di dalamnya ada tokens.json (design token W3C), tokens.css, dan tailwind.css dengan nilai yang sama.