Phlou · Design

Fuentes de verdad de diseño

Vista previa de cómo se ve y funciona la aplicación según los mockups aprobados. Esto es lo que el código debe calcar: si la app desplegada no coincide con esto, la app está mal, no el mockup.

App · 5 funciones
Mockup de la aplicación
Login, Inicio (dashboard), Tablero, Órdenes + DAG, Catálogo, Configuración. El shell real (rail, topbar, panel) debe calcar esto.
Sistema de diseño
Design System
Componentes, tipografía, espaciados, estados de señal, iconografía.
Marca
Brand Board
Paleta navy/sage, logo, lockup, tono visual.
Flujo
Wizard — Crear orden
Prototipo de los 3 pasos de creación de orden.
Web
Landing
Página pública de Phlou (referencia de marca).
Cómo leer esto: los .jsx de design/app/ + phlou-app.css son la fuente de verdad visual. La paleta vive en brand.md §Colors (spec única) y los tokens en globals.css de la app. Vista previa interna — no es la app en producción.