Kueski Design System (KDS)
Fuente: ../raw/figma/ (export de Figma del equipo Quantiva). Tokens estructurados en
../rules/design-tokens.json.
Regla de oro: Kueski ya tiene su Design System completo (KDS), publicado en 8 librerías de equipo. No se reconstruye — se referencia. Logos, íconos e ilustraciones se usan siempre desde las instancias oficiales de KDS.
Las 8 librerías KDS
Foundations · Components V.1.0 · Icons · Logos · Illustrations · Photos · Emails · Figma tooling.
Colores (tokens reales)
| Token | Hex |
|---|---|
| background/brand | #0069F1 |
| ThemeLight/Primary/Main | #0075FF |
| background/brand subtle | #E7F3FF |
| text and icons/primary | #141C22 |
| text and icons/brand on subtle | #0051CB |
| navy de banner (sin token) | #00164C |
| siempre blanco | #FFFFFF |
Acento de marca: azul #0075FF/#0069F1 + el verde lima del logo (gradiente azul→verde).
Tipografía
Inter Variable. Pesos: regular 400 · semibold 600 · extrabold 800.
Escala: headline-2 24/32 (-0.12) · body-1 16/24 · body-2 14/20.
Spacing
4 · 8 · 12 · 16 · 20 · 32 (px).
País
Kueski opera SOLO en México. (En el spec del banner aparecen CO/CL, pero eran
pruebas — ignorar; no son mercados reales.) Producto de cara a usuario: “Préstamo Kueski”
y “Kueski Pay” (ver productos-kueski · terminologia). Moneda MXN sin escribir “MXN”.
Headline canónico del banner: “<n>% de interés en tu primer Préstamo”.
Relacionado: formatos-creativos · productos-kueski · terminologia