Tus encargos, a la vista. Ni uno perdido.

Ocho piezas, cero adorno

Abre la ficha y vuelve por la marca

root = Pagina([barra, hero, acciones, cifras, catalogo, ritmo, aviso, cierre], "contenido")
barra = Navegacion("Ntizar · Encargos", ["Producto", "Ficha"], ["index.html", "detalle.html"], "index.html")
hero = Hero([etiqueta, t1, textoHero], "brand")
etiqueta = Etiqueta("Tablero de encargos · octubre", "neutro")
t1 = Titular("Tus encargos, a la vista. Ni uno perdido.", "display")
textoHero = Texto("Cola, plazos y estados en una sola pantalla.")
acciones = Fila([cta1, cta2], "compacto")
cta1 = Boton("Abrir la ficha EN-2291", "primario", "lg", false, "detalle.html")
cta2 = Boton("Ver el repositorio", "contorno", "lg", false, "https://github.com/Ntizar/Aurora")
cifras = Rejilla([k1, k2, k3, k4], "4")
k1 = Kpi("Encargos activos", "18", "esta semana", "plano", "neutro", "sm")
k2 = Kpi("Plazo medio", "4,2 d", "-0,8 d", "sube", "neutro", "sm")
k3 = Kpi("Sin plazo asignado", "2", "quedan sin fecha", "plano", "acento", "sm")
k4 = Kpi("Entregados a tiempo", "94 %", "+3 pp", "sube", "neutro", "sm")
catalogo = Seccion([t2, fichas], "Qué hace", "compacta")
t2 = Titular("Ocho piezas, cero adorno", "2")
fichas = Rejilla([f1, f2, f3, f4, f5, f6, f7, f8], "4")
f1 = Tarjeta([i1, s1, d1])
i1 = Icono("109")
s1 = Titular("Cola por prioridad", "3")
d1 = Texto("Cada encargo sale por fecha comprometida, no por orden de llegada.")
f2 = Tarjeta([i2, s2, d2])
i2 = Icono("069")
s2 = Titular("Estado honesto", "3")
d2 = Texto("Borrador, en curso, revisión o entregado: el estado es el dato.")
f3 = Tarjeta([i3, s3, d3])
i3 = Icono("097")
s3 = Titular("Ficha con historial", "3")
d3 = Texto("Partidas, fechas y lo que ya estaba decidido, en el mismo sitio.")
f4 = Tarjeta([i4, s4, d4])
i4 = Icono("080")
s4 = Titular("Plazos vivos", "3")
d4 = Texto("Cuenta atrás visible por encargo; lo urgente no se esconde.")
f5 = Tarjeta([i5, s5, d5])
i5 = Icono("025")
s5 = Titular("Filtros sin ruido", "3")
d5 = Texto("Estado, cliente y semana. Tres y no se inventa el cuarto.")
f6 = Tarjeta([i6, s6, d6])
i6 = Icono("002")
s6 = Titular("Vuelta real", "3")
d6 = Texto("La marca y «volver» enlazan a un destino, no a la esperanza.")
f7 = Tarjeta([i7, s7, d7])
i7 = Icono("131")
s7 = Titular("Vista por cliente", "3")
d7 = Texto("Un cliente, sus encargos y su deuda de horas.")
f8 = Tarjeta([i8, s8, d8])
i8 = Icono("041")
s8 = Titular("Exportable", "3")
d8 = Texto("La semana cierra en CSV y en PDF, sin maquillaje.")
ritmo = Hero([t3, mini, tablaSem], "neutro")
t3 = Titular("Encargos de la semana", "2")
mini = MiniTendencia("Entregas cerradas", "42 de 45", "+2,1 pp", "sube")
tablaSem = Tabla(["Encargo", "Cliente", "Estado", "Horas"], [["EN-2291", "Ferrovia Norte", "En revisión", "31"], ["EN-2287", "Aguas del Sur", "En curso", "12"], ["EN-2281", "Metro Central", "Entregada", "18"], ["EN-2278", "Ferrovia Norte", "Borrador", "4"]], true, "compacta", true, "Horas")
aviso = Aviso("Producto de muestra", "Generado desde .openui con modo producto: la marca lleva al inicio.", "info")
cierre = Seccion([t4, bot1], "Siguiente", "compacta")
t4 = Titular("Abre la ficha y vuelve por la marca", "2")
bot1 = Boton("Abrir EN-2291", "contorno", "md", false, "detalle.html")