dashboards
Visual hierarchy that dissolves at dusk
A mini interface (red alert, blue button, yellow accent, secondary text, link) shown twice, by day and as the eye receives it under the current light, computing the perceived lightness of every element with the daylight weighting (0.2126 / 0.7152 / 0.0722) and with the rod weighting (0.0193 / 0.3915 / 0.5892) over linear light. It ranks the elements by prominence against the surface in both cases and shows that the order changes: the red alert falls from fourth place to last and the blue button climbs from fifth to first, with per row arrows, the percentage lost by the biggest faller, and a control that interpolates the weighting between full day and dusk while the hierarchy recomposes.
See it live and copy its promptWhat you can adjust
- Ambient light
- Warning color
- Accent color
- Background color
- Number of elements
- Prominence lists
- Panel height
- Cycle duration
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
