Pantalla de noticias IT · 4 estilos

Los bocetos que se compararon antes de construir IO Display: el mismo contenido (noticias de informática con fuente citada y QR a la nota) con cuatro estéticas, una por cada skill de diseño. Se eligió el Tablero de Informática; los otros tres quedan como referencia para clientes que quieran otra estética. Clic en uno para verlo a pantalla completa (F11).

1 · Diario de Informática

frontend-design

Diario impreso: papel con grano, Bodoni en los titulares, capitular, foto en blanco y negro y cinta de titulares abajo. Es la más cálida para un espacio de descanso.

Abrir a pantalla completa →

2 · Tablero de Informática

Elegido · ui-ux-pro-max

Sistema que propuso la skill: diseño plano, paleta slate con acento rojo, Newsreader + Roboto, cola "A continuación" y barra con todas las fuentes. Es la base de la pantalla de producción (/tv).

Abrir a pantalla completa →

3 · Terminal

web-animation-engines

Animada con Anime.js v4: el titular se escribe letra por letra, con líneas de barrido CRT y un log de entradas. Usa los colores de marca de IO Consulting (#0a0a0a + #00ff41). Ideal para un área técnica.

Abrir a pantalla completa →

4 · Radar IT

animated-ui-sources

Fondo aurora, bento de vidrio, titular que se enfoca palabra por palabra, borde con haz de luz y marquesina, al estilo React Bits y Magic UI pero con código propio. Suma un gráfico de notas por medio.

Abrir a pantalla completa →
De dónde salen las noticiasServidos por IO Display (/bocetos/), usan la misma lista curada que ven las TVs. Abiertos sueltos desde el disco, toman los RSS por rss2json, que no siempre responde con todos los medios.
Son bocetosSolo muestran noticias: los avisos propios, las plantillas de zonas y el mensaje urgente están en la pantalla de producción.
Si un cliente elige otro estiloSe adapta la estética de public/tv.html; la lógica de zonas, avisos y caché queda igual.