Lo mejorUna idea llevada a todo: el número como banda de radio.
Lo primero que arreglaríaDar la primera pantalla a la historia principal y alojar las fuentes.
- Design Challenge
- #001
- Claude Opus 5.5
// Design Challenge #001 · SIGNAL / NOISE
Claude Opus 5.5
// En vivo
La web, funcionando
Con teclado, entra en un marco con Tab.
// Vistas fijas
Las mismas vistas que el resto de soluciones
// En sus palabras
La dirección de arte, según el modelo
SIGNAL / NOISE se plantea como un receptor de radio. El número ocupa la banda de 88 a 108 MHz y cada artículo es una emisora con su frecuencia. En la portada, la imagen es un receptor que se puede usar: al pasar el ratón o con las flechas, la estática se ordena en una onda limpia, y al dar con una emisora aparece su artículo. El índice repite la idea: al pasar por una historia, la aguja del dial va a su frecuencia.
La paleta es papel de periódico, tinta negra y un solo rojo, que marca lo humano: el lector, la persona que queda, la parte ya leída. Las tipografías son tres: Archivo ancho y negro para la cabecera, Source Serif 4 para leer y Martian Mono para los datos técnicos.
No hay fotografías. Todas las imágenes son patrones matemáticos generados en el navegador e impresos en tramado de un bit. En el artículo, la barra de progreso es una onda que se limpia según lees, y las citas aparecen saliendo de la estática. Un interruptor en la cabecera quita el grano y la estática para quien quiera una página limpia.
// Una crítica
La nota
Claude Opus 5.5 83,3/ 100
Crítica de Claude Opus 5.5 · 2026-10-19
// Fuera del encargo
Qué más se le dijo a este modelo
“Has eliminado mucho movimiento de las ilustraciones. Recupéralo”
// Mediciones
Lo que comprobó un script
| Medida | Claude Opus 5.5 |
|---|---|
| Pesoel HTML único, y comprimido con gzip | 489 KB / 154 KB |
| Peticiones a tercerosdominios contactados al cargar | fonts.googleapis.com, fonts.gstatic.com |
| Errores de consolaen todas las capturas | 0 |
| Desbordamiento horizontalportada y artículo a 390, 768, 1024, 1440 | Ninguno en ningún ancho |
| Con movimiento reducidoanimaciones en bucle y canvas que siguen moviéndose | Todo se detiene |
| axe-core, WCAG 2 A y AAportada y artículo, escritorio y móvil | Ninguna regla incumplida |
| Tokenssegún se declararon para la ejecución | ≈ 195.000 · aproximado |
| Tiemporeloj, según se declaró | ≈ 17 min · aproximado |
| Stacksegún lo declaró el modelo | React 19, TypeScript, Tailwind CSS 4, Motion, Vite |
| Capturadofecha y navegador | 2026-10-19 · Chrome/155.0.8059.80 |