1# llimphi-widget-panel
2
3The cross-cutting visual signature of tawasuyu panels.
4
5It contributes two details that, applied consistently, make the system
6recognizable without looking "designed":
7
81. **A nearly imperceptible vertical gradient** — the panel background is not a
9 solid colour but a linear interpolation between a slightly lighter version
10 (top) and a slightly darker one (bottom) of the base colour. The difference is
11 ~4% in value — invisible at first glance, but the eye registers it as "carved"
12 rather than "painted".
13
142. **A hairline accent on the top edge** — a 1px horizontal line in the theme's
15 accent colour at ~30% alpha, right at the panel's upper border. It works as an
16 "identity thread" stitching every panel of the system together: it appears in
17 modals, dropdowns, cards and sidebars; always the same thickness, always the
18 same colour.
19
20## API
21
22- `PanelStyle` — the token bundle (base colour, accent, radius, hairline alpha,
23 gradient strength).
24- `panel_signature_painter` — an `Fn` for `View::paint_with`. Useful when you
25 already have a configured View and want to add the signature without wrapping.
26- `panel_view` — convenience: builds the complete View with the signature
27 applied, taking the children as `Vec<View<Msg>>`.
28
29## When to use it
30
31- YES: modals, dropdowns, prominent cards, layout columns, shortcuts-help,
32 floating panels.
33- NO: chips, badges, toasts, list items (the signature is for large surfaces; on
34 small pieces it is noise).
35
36---
37
38Part of **llimphi** — see [llimphi](../../README.md).
README.md
llimphi-widget-panel
The cross-cutting visual signature of tawasuyu panels.
It contributes two details that, applied consistently, make the system
recognizable without looking "designed":
-
A nearly imperceptible vertical gradient — the panel background is not a
solid colour but a linear interpolation between a slightly lighter version
(top) and a slightly darker one (bottom) of the base colour. The difference is
~4% in value — invisible at first glance, but the eye registers it as "carved"
rather than "painted".
-
A hairline accent on the top edge — a 1px horizontal line in the theme's
accent colour at ~30% alpha, right at the panel's upper border. It works as an
"identity thread" stitching every panel of the system together: it appears in
modals, dropdowns, cards and sidebars; always the same thickness, always the
same colour.
API
PanelStyle — the token bundle (base colour, accent, radius, hairline alpha,
gradient strength).
panel_signature_painter — an Fn for View::paint_with. Useful when you
already have a configured View and want to add the signature without wrapping.
panel_view — convenience: builds the complete View with the signature
applied, taking the children as Vec<View<Msg>>.
When to use it
- YES: modals, dropdowns, prominent cards, layout columns, shortcuts-help,
floating panels.
- NO: chips, badges, toasts, list items (the signature is for large surfaces; on
small pieces it is noise).
Part of llimphi — see llimphi.