PATRONES: LLUVIA DE SINTAXIS
Ambient Noise. Nuestro propio código fuente re-compilado en el espacio vacío. Físicamente representa la inmersión total del alumno ("Entrando en The Matrix") cuando está sumergido leyendo su pantalla.
☕ Comportamiento Visual (Z-index: -1)
- Nivel de Ruido: Medio (Ambiental).
- Tratamiento Gráfico: Letras sueltas exclusivas del código (
< > { } / ; * =) o puras palabras reservadas de funciones, dispersas casi caóticamente como si flotaran despresurizadas sin gravedad en el fondo del gráfico.
⚙️ Configuración del Sistema (Specs)
Tipografía Base: Estrictamente fuentes monoespaciadas legibles por sistema. (Ej. JetBrains Mono o Fira Code). Variación (Math.random): Rotación y escala sumamente leve, no debe molestar a la vista al rotar. Solo lo suficiente para crear capas de Parallax.
Materiales RGB Aprobados:
Blanco Consola
HEX#F8FAFC
RGBrgb(248, 250, 252)
RGBArgba(248, 250, 252, 0.15)
HSLhsl(210, 40%, 98%)
HSLAhsla(210, 40%, 98%, 0.15)
Rosa Ajolote
HEX#FF2A6D
RGBrgb(255, 42, 109)
RGBArgba(255, 42, 109, 0.15)
HSLhsl(341, 100%, 58%)
HSLAhsla(341, 100%, 58%, 0.15)
Opacidad Global: Entre el 10% y el 20%. Si el fondo distrae la mirada, baja el brillo drásticamente o la legibilidad general fallará tu test final.
Fondo Nativo (background-color):
Obsidiana Digital
HEX#0F172A
RGBrgb(15, 23, 42)
RGBArgba(15, 23, 42, 0.1)
HSLhsl(222, 47%, 11%)
HSLAhsla(222, 47%, 11%, 0.1)
📍 Puntos de Montaje Aprobados (Deploy)
¿Dónde implementar este recurso cinético?
- Portadas corporativas y cubiertas literarias pesadas.
- Headers / Banners panorámicos grandes en Redes Sociales (Facebook, LinkedIn).
- Espacios muertos en lonas o Banderas publicitarias urbanas (
OOH).