tawasuyu

tawasuyu/llimphi

Sovereign retained-mode GPU UI framework in Rust (wgpu+vello+taffy+parley), Elm loop, 40+ widgets.

Rust 660Markdown 302TOML 157RON 312382 Definitions

⎇ c5a232cf24788ab75a850ffe81eca5a7af50e2f8 widgets/panel/LEEME.md Markdown · 40 lines · 1.6 KB History raw

chore: refresco desde el monorepo — 27 crates nuevos (anim, lottie, svg, mesh, image, layer, test, wire-view, widgets rag-sidebar/router/lazy-list/rive-button) y sync de los 95 existentes 93253cc22 · Sergio ·

1# llimphi-widget-panel
2
3*Read this in English: [README.md](README.md).*
4
5Firma visual transversal de los paneles tawasuyu.
6
7Aporta dos detalles que aplicados consistentemente vuelven al sistema
8reconocible sin que se note "diseñado":
9
101. **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".
15
162. **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.
21
22## API
23
24- `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>>`.
30
31## Cuándo usarlo
32
33- 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).
37
38---
39
40Parte de **llimphi** — ver [llimphi](../../LEEME.md).

LEEME.md

llimphi-widget-panel

Read this in English: README.md.

Firma visual transversal de los paneles tawasuyu.

Aporta dos detalles que aplicados consistentemente vuelven al sistema reconocible sin que se note "diseñado":

  1. 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".

  2. 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

Cuándo usarlo


Parte de llimphi — ver llimphi.