Design system
Tokens y variables de la línea nocturna de GOST Factory. Exportable para herramientas externas; el sitio en producción es la referencia viva.
Color — primitivos
| Token | Valor |
|---|---|
| shop / bg | #07090e |
| elevated | #0e131c |
| foreground | #eef2f6 |
| gold / accent | #c9a227 |
| gold strong | #e4c56a |
| on gold | #1a1406 |
Estaciones GOST
Solo colorean las cuatro letras de estación — no el cuerpo de texto.
| G | --gost-g · #d4a017 |
| O | --gost-o · #5b9bd4 |
| S | --gost-s · #3d9b8f |
| T | --gost-t · #6bbf6b |
Layout
| site width | 72rem · --site-width |
| page width | 40rem · --page-width |
| gutter | 1.25rem · --gutter |
| header | 3.75rem · --header-h |
| radius | 0.9rem · --radius |
Motion
--ease-out · cubic-bezier(0.23, 1, 0.32, 1). UI rápida: 160ms. Cine y scroll usan GSAP en el sitio — no duplicados aquí.
Tipo
Outfit — títulos
Subtítulo de sección
Geist — lectura en la planta. Una columna, contraste alto, oro como herramienta.
Geist Mono — v1.4.2 · hello@gostfactory.com · asunto de correo
Uso
Oro: un CTA, un riel, una placa. Estaciones: solo G O S T.
No inventar clientes, testimonios ni gradientes en texto corrido.