Informes

Data que se siente Galilei

Un informe Galilei mezcla dos lenguajes: el drama del deck (números héroe, íconos 3D, escenografía orbital, Gali de anfitrión) y la honestidad del data viz (familias de color con significado, fuentes al pie, cero decoración que mienta). Estos informes se generan en HTML: las clases rp-* son el contrato estable del generador. Sin JavaScript: hasta el donut es CSS puro. Y es un rompecabezas modular: cada bloque vive solo, el generador los compone según el contenido del informe (dashboard ejecutivo, programa de incentivos, cierre de campaña).

KPI cards

La unidad básica del informe: card outline con número héroe. Variantes: simple, con ícono 3D, con delta contra el período anterior, y la versión héroe (la única lima de la vista).

49

Puntos de venta

12.480

Misiones completadas

43 ▲ 8%

Puntos activos · 87.8%

41.2% ▼ 3.1%

Costo mercancía promedio

87% ▲ 12%

Retención de la cohorte · el héroe de la vista

6 = igual

Puntos críticos

Anatomía .rp-card.rp-kpi · ícono 3D opcional 56px · número RCB Bold --fs-h2 blanco (héroe: .rp-kpi-hero lo pasa a lima) · label --fs-body-sm --text-tertiary · delta .rp-delta-up/-down/-flat: es el chip mono del sistema en tono de familia (wash dark-a50 + texto vivo, tabular).

Escala de severidad

La severidad ES el chip del sistema (misma receta: wash dark-a50 de la familia + texto vivo, mismo alto y padding), con una escala cerrada de labels. El máximo es el único que grita: usa la variante vivid sólido del chip. Nunca inventes un sexto nivel: si todo es crítico, nada lo es.

Mapeo muy-crítico = error-vivid sólido · crítico = wash error · alto = wash alert · medio = wash warning · estratégico = wash info. La severidad puede llevar el dato adentro ("368%") cuando el número ES la alarma.

Distribuciones sin JavaScript

El donut es un conic-gradient puro: el generador HTML escribe los segmentos inline y listo. La regla de color: una familia por tema. Razones propias = ramp lima. Razones externas = ramp info. Categorías mixtas = una familia por categoría, nunca arcoíris porque sí.

Receta .rp-donut con --rp-seg: conic-gradient(...) inline · hueco automático via ::after (toma --rp-hole, default n02) · tamaño con --rp-size · leyenda .rp-legend con dot + label + valor tabular.

Top performers

El leaderboard del informe: nombre + equipo en overline + chips de datos + medalla 3D con glow. Las medallas salen del set de premios (trofeo, corona, estrella).

Sara Herrera

Viva Caucasia

35% costo20 pts

Estefanía Bustos

Aventura

45% costo18 pts

Juliana Arias

Viva Caucasia

35% costo16 pts

Ranking de causas

Cuando el hallazgo es una lista de factores con peso: severidad + causa + conteo grande. Ordenados por severidad primero, conteo después.

Recomendaciones y puntos críticos

El cierre de todo informe: qué hacer (recomendación con timing + severidad) y dónde duele (punto crítico con el dato como alarma).

Pasos y cadenas

Para explicar mecánicas (Juega → Aplica → Desbloquea) y diagnósticos en cadena (falta A → falta B → falta C). Los pasos acentúan el dato en lima; la cadena apaga los íconos 3D a gris (la carencia se ve) y nombra el hueco en pill coral.

1

Juega

2 minutos al día y aprende lo necesario para destacar en el trabajo.

2

Aplica

Lo que aprendiste y mejora tu rendimiento.

3

Desbloquea

Recompensas por cientos de miles de pesos.

Falta Herramientas

Falta Motivación

Falta Compensación

Clases .rp-steps > .rp-step (número + pill + descripción con strong lima) · .rp-chain > .rp-chain-item.is-off (círculo n02 + 3D en grayscale + pill error-light). El gris del 3D es la ÚNICA excepción a la libertad cromática de los 3D: aquí el apagado ES el mensaje.

Antes/después y sumas

Los dos bloques de dinero: la comparativa (el "después" gana con lima y glow) y la suma con total héroe. El total es de los pocos lugares donde el lima puede ser número gigante.

Tiers, metas y fotos

El catálogo por nivel (la medalla top brilla y se eleva), las metas en mini-cards densas, y las fotos reales: protagonista en círculo (nunca estrella) o strip de evidencia de campo.

Bronce · 2 categorías

$10k - $25k
20 GaliTickets

$400.000

Oro · 4 categorías

$50k - $200k
Día libre · 100-200 GaliTickets
Air Fryer

$1.000.000

Plata · 3 categorías

$30k - $45k
Caja de cerveza · Medio día libre

$600.000

120

Entradas

50

Postres

25

Costillas

50

Cocteles

Clases .rp-tiers > .rp-tier-card(.is-top) · .rp-kpi-sm · .rp-photo-circle · .rp-photo-strip. En informes reales las fotos son del cliente (equipo, local, producto): el círculo es para la persona protagonista, el strip para evidencia de campo.

Tres páginas canónicas

Todo informe se arma con tres tipos de página: portada (título + fecha + Gali anfitrión), dashboard (KPIs + distribución) y cierre (recomendaciones). El generador HTML las compone con los bloques de arriba.

Junio 2026 · Actualizado

Dashboard ejecutivo

IPA · Galilei Performance

Métricas del trimestre

87% ▲ 12%

Retención

12.480

Misiones

4.8

Satisfacción

Oro33%

Plata27%

Bronce27%

Sin cat.13%

Sara Herrera

Estefanía Bustos

Fuentes · cohorte 2026 · n=142 · datos internos Galilei

Recomendaciones

InmediatoCrítico

Alerta temprana de casos extremos

4-6 semanasAlto

Simplificar acceso a premios

Para el generador cada plantilla es una composición de bloques rp-* sobre fondo --n00 con orbit decorativo. Gali va con drop-shadow lima y siempre tiene un rol (anfitrión de portada, analista de cierre), nunca relleno.