Midnight Pro
Kinetik Studio — dark-only, gris + acento cian único
Producto
kinetik-site + panel interno "Supercomputer AI / AI Command Center" (Lovable)
Fuente de verdad
Figma "Kinetik Studio Design System" — página 🎨 Color
Generaciones
Una sola — sin rediseños documentados
Estado
Documentado internamente; no expuesto en texto en el sitio público
Cómo se construyó
A diferencia de Serenia, Midnight Pro no tiene generaciones previas: se construyó de una sola vez como librería de todo el estudio, para que cualquier producto nuevo de Kinetik sea consistente pixel-perfect sin reinventar tokens cada vez.
La decisión de diseño más deliberada es el lenguaje visual: en vez de un dashboard SaaS genérico, todo se siente como el panel de control de un sistema en vivo — status bar con reloj corriendo, badges de estado con punto pulsante, terminales simuladas. Es el mismo vocabulario del negocio (agentes autónomos, "trabajadores digitales") traducido a interfaz.
Gray ramp (950 → 50)
Cyan ramp — único acento
Tokens
Tipografía
Vocabulario visual
- → Status bar: barra superior tipo KINETIK_OS v1.0 con reloj en vivo, siempre en JetBrains Mono.
- → Headers de sección: formato // NOMBRE_SECCION — 00X, numeración con ceros a la izquierda.
- → Badges de estado: [ACTIVE] / [ONLINE] / [ERROR] con punto de color pulsante antes del texto.
- → Conexiones/grafos: línea sólida + glow cian si está activa, punteada gris si no.
- → Terminales simuladas: bloques "$ kinetik init --env=prod" con líneas ✓/▸ sobre bg-base.
Estado actual
Es el más maduro de los dos en documentación: rampas completas, capa semántica completa, tres roles tipográficos sin ambigüedad, y un vocabulario de componentes con nombre propio. El único vacío real es de divulgación, no de definición — el detalle de tokens vive en Figma y en la guía interna, no en texto rastreable del sitio público.