dashboards

Jerarquía visual que se deshace en penumbra

Interfaz en miniatura (aviso rojo, botón azul, acento amarillo, texto secundario, enlace) duplicada de día y tal como la recibe el ojo con la luz actual, calculando la luminosidad percibida de cada elemento con la ponderación diurna (0,2126 / 0,7152 / 0,0722) y con la nocturna de los bastones (0,0193 / 0,3915 / 0,5892) sobre luz lineal. Ordena los elementos por prominencia contra el fondo en ambos casos y enseña que el orden cambia: el aviso rojo cae del cuarto puesto al último y el botón azul sube del quinto al primero, con flechas por fila, el porcentaje que pierde el que más cae, y un control que interpola la ponderación entre día pleno y penumbra recomponiendo la jerarquía.

Verlo en vivo y copiar su prompt

Qué se puede ajustar

Nivel de luz ambientenumber · de 0 a 1
Color del avisocolor
Color del acentocolor
Color del fondocolor
Número de elementosnumber · de 4 a 6
Listas de prominenciaselect
Altura del panelnumber · de 110 a 240px
Duración del ciclonumber · de 1500 a 12000ms

Cómo funciona este catálogo

Cada componente trae su prompt de reproducción: el texto que se pega en un constructor con inteligencia artificial para obtener exactamente esta pieza. Los valores que ves arriba son editables, y el prompt que copias lleva dentro los que hayas elegido, así que lo que se genera es lo que estabas mirando.