Kavaliero Systems es nuestra línea de protección digital y control remoto. Su web abre con tres anillos de acero que giran alrededor de una placa que nunca se mueve. Este es el mismo instrumento, dibujado a línea.
- Tipo de proyecto
- Línea propia de Kavaliero
- Qué hicimos
- Diseño, desarrollo y 3D en código
- Alcance
- Seis soluciones en dos idiomas
- Estado
- En línea desde octubre de 2026
Se queda lo que se reconoce y cambia el material.
Systems vende otra cosa a otro lector: protección digital y control remoto, donde aquí hay webs, plataformas y automatización. Por eso tiene su propio sitio y no una sección de este. De aquí conserva tres colores, el caballero, el punto final rojo y el reloj de la transición entre páginas.
Lo que se queda.
Los tres colores son los mismos, valor por valor: hueso, tinta y un solo rojo. El caballero sigue en la cabecera y cada título cierra con un punto rojo más grande que su letra. Entre páginas, la pantalla se cubre en 0,42 segundos y se descubre en 0,54, igual que aquí, pero lo que la cruza es una lámina de vidrio inclinada y no una cortina de píxeles.
Acero, cromo, vidrio y papel.
Donde esta web pone hielo y píxeles, Systems pone materiales de taller: un ala de acero articulado, objetos de cromo, una cabecera de vidrio y un fondo de papel. La retícula queda a la vista, con cada regla punteada tendida entre dos cuadrados rojos de seis píxeles. La tipografía también es otra, una sola familia con eje de anchura.
La placa no se mueve.
El instrumento de la portada está dibujado en WebGL 2, sin librería, y su geometría se genera en código. Un cursor hace rodar los anillos, que conservan el giro, y la placa no responde. Al bajar, los anillos se nivelan y salen de vista, y la placa queda asentada como el panel oscuro de la sección siguiente.
Un objeto por solución.
Cada una de las seis soluciones se explica con un solo objeto, que no sale de pantalla en toda la página. En la auditoría, una ganzúa recorre los pines de un candado y los débiles se ponen rojos. En la web anti-apagón, un bombillo apaga la página entera y el catálogo guardado sigue encendido. Ninguno es un modelo descargado: se construyen en código al abrir la página.
Los mismos tres colores, valor por valor
Transición de vidrio con el reloj de esta web
Instrumento en WebGL 2, sin librería
Seis objetos 3D modelados en código
La pantalla del teléfono es texto de la página
Las palabras se disparan, no siguen el scroll
El idioma vive en la dirección, sin cookie
Cada pantalla de ejemplo lleva su etiqueta