Kit de UI de neumorfismo
El neumorfismo moldea la interfaz a partir de un solo color: los controles suben desde el fondo o se hunden en él, dibujados por una sombra clara y otra oscura. Su debilidad conocida es el contraste, así que aquí los estados se apoyan en la profundidad y en un acento real, y las etiquetas se quedan en 4.5:1.
Imágenes y grabaciones del kit real. El código de pago no se ejecuta en este sitio.
Componentes
- Neumorphism
Un banco de trabajo con dial de lámpara y auditoría AA en vivo: mueve la lámpara y cada sombra de la página la sigue, cambia la lámina y las tintas se resuelven de nuevo, apaga las sombras y cada estado sigue leyéndose
Kit de dashboard
- Fourhourly
Un tablero de planta donde cada tecla de cama se separa de la lámina tanto como su banda NEWS2 real: introduce un conjunto de valores y la aritmética reescribe el H1, y el mismo dato se imprime como número, como palabra y como forma
- Sill
Un plano de planta moldeado en la lámina con el sol real como lámpara de la UI: recorre el día y cada sombra de la página gira, la luz solar cruza cada planta, un pliegue térmico escribe el H1 y el tema se oscurece al atardecer
Kit móvil
Landing pages
- Fourfive
Un comprobador de contraste cuyo H1 es la proporción medida de esta página: píntala como una plantilla neumorphism y suspende de verdad, con 2.28:1, luego resuelve las tintas y mira cómo las comprobaciones se ponen en verde
- Sixkey
Un mando de silicona de seis teclas que de verdad se hunden y escriben el H1, un corte a través de una tecla movido por una curva de fuerza real y una elección de color que resuelve de nuevo toda la página
Cómo comprar
Todos los kits están en goodui Pro: $99 pago único, con actualizaciones de por vida. Team cuesta $249 para hasta 10 desarrolladores.
El pago aún no está abierto. Apúntate a la lista y te enviamos una vez el enlace de precio anticipado.
Con una clave de licencia, desde tu terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-neumorph.zip https://goodui.dev/kits/neumorph.zip