1# llimphi-widget-panel23*Read this in English: [README.md](README.md).*
45Firma visual transversal de los paneles tawasuyu.
67Aporta dos detalles que aplicados consistentemente vuelven al sistema
8reconocible sin que se note "diseñado":
9101. **Gradiente vertical casi imperceptible** — el fondo del panel no
11 es un color sólido sino una interpolación lineal entre una versión
12 ligeramente más clara (top) y una ligeramente más oscura (bot) del
13 color base. La diferencia es ~4% en valor — invisible al primer
14 vistazo pero el ojo lo registra como "tallado" en vez de "pintado".
15162. **Hairline accent en el top edge** — una línea horizontal de 1px
17 en el color accent del theme, al ~30% de alpha, justo en el borde
18 superior del panel. Funciona como "hilo de identidad" que cose
19 todos los paneles del sistema: aparece en modales, dropdowns,
20 cards, sidebars; siempre el mismo grosor, siempre el mismo color.
2122## API2324- `PanelStyle` — bundle de tokens (color base, accent, radio,
25 alpha del hairline, fuerza del gradiente).
26- `panel_signature_painter` — `Fn` para `View::paint_with`. Útil si
27 ya tienes un View configurado y quieres sumarle la firma sin envolver.
28- `panel_view` — convenience: arma el View completo con la firma
29 aplicada, recibe los hijos como `Vec<View<Msg>>`.
3031## Cuándo usarlo3233- SÍ: modales, dropdowns, cards prominentes, columnas de layout,
34 shortcuts-help, paneles flotantes.
35- NO: chips, badges, toasts, items de lista (la firma es para
36 superficies grandes; en piezas chiquitas es ruido).
3738---
3940Parte de **llimphi** — ver [llimphi](../../LEEME.md).
Aporta dos detalles que aplicados consistentemente vuelven al sistema
reconocible sin que se note "diseñado":
Gradiente vertical casi imperceptible — el fondo del panel no
es un color sólido sino una interpolación lineal entre una versión
ligeramente más clara (top) y una ligeramente más oscura (bot) del
color base. La diferencia es ~4% en valor — invisible al primer
vistazo pero el ojo lo registra como "tallado" en vez de "pintado".
Hairline accent en el top edge — una línea horizontal de 1px
en el color accent del theme, al ~30% de alpha, justo en el borde
superior del panel. Funciona como "hilo de identidad" que cose
todos los paneles del sistema: aparece en modales, dropdowns,
cards, sidebars; siempre el mismo grosor, siempre el mismo color.
API
PanelStyle — bundle de tokens (color base, accent, radio,
alpha del hairline, fuerza del gradiente).
panel_signature_painter — Fn para View::paint_with. Útil si
ya tienes un View configurado y quieres sumarle la firma sin envolver.
panel_view — convenience: arma el View completo con la firma
aplicada, recibe los hijos como Vec<View<Msg>>.