Fuentes
Las fuentes que usa sweetgreen.com
sweetgreen.com compone sus titulares y su texto de cuerpo en SweetSansText. SweetSansText es una fuente con licencia que el sitio sirve por su cuenta. La alternativa gratuita más parecida en Google Fonts: Inter.
Medido en sweetgreen.com hace 32 días.
Familias tipográficas
2 familias- Se usa para
- h1, h2, body, label, button
- Origen
- Autoalojada
- Alternativa gratuita
- Inter
- Se usa para
- button
- Origen
- Autoalojada
- Alternativa gratuita
- Inter
CSS para reproducirlo
Variables de fuente con la alternativa gratuita en la pila, así el mismo CSS funciona con o sin la fuente con licencia.
: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;
}Cómo se compone el texto
Para agentes de IA
El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.
curl -s https://stylepack.ai/packs/sweetgreen.com/DESIGN.mdPreguntas
¿Qué fuente usa sweetgreen.com?
sweetgreen.com usa SweetSansText, Grenette. Los titulares van en SweetSansText y el texto de cuerpo en SweetSansText, medido en el sitio tal como se renderiza, no leído de su hoja de estilos.
¿La fuente de sweetgreen.com es gratuita?
No. SweetSansText es una fuente con licencia que sweetgreen.com sirve por su cuenta. La alternativa gratuita más parecida es Inter, disponible en Google Fonts. El CSS de esta página la pone en la pila de fuentes como sustituta.
¿Cómo consigo la misma tipografía que sweetgreen.com en mi proyecto?
Descarga el paquete de diseño de sweetgreen.com en Stylepack: contiene la pila de fuentes, la escala tipográfica, cada estilo de texto y las capturas, en un formato con el que un agente de programación con IA como Claude Code o Cursor puede construir.