Imagery
Photography as evidence; animated mosaics and bars behind the headers.
This section still reads in Spanish — the English body is on its way. The demos speak for themselves.
La familia tracked motion
Un ancla nítida — la evidencia comercial — con humanos en desenfoque direccional, en entornos de trabajo reales. Grade frío: blancos fríos, sombras navy, luz de día nublada. El único acento cálido del cuadro es siempre el humano.
Reglas de colocación
Un acento semántico por imagen, nunca más del 5% del cuadro. Las pantallas dentro de la foto van tenues y sin texto legible: la UI real se compone después, y ocupa a lo más un cuarto del cuadro.
El máster es 3:2 a 3000px o más; los recortes de despliegue son 16:10 en desktop y 4:5 en mobile, anclados a la derecha. Los másteres PNG viven fuera del repo; lo que se sirve es el WebP derivado.
Lo que esta familia nunca muestra
La imagen prueba que el trabajo comercial es real. Todo lo que la haga parecer publicidad de stock o ciencia ficción rompe esa prueba.
La receta de generación completa — prompts, grade y composición — vive en docs/design/striker-image-prompts.md.
- Robots y hologramas
- Poses de stock a cámara
- Escenografía militar
- KPIs falsos en pantalla
- Texto quemado en la imagen
- Atardeceres cálidos
Headers: moving mosaics and bars
Capabilities and Playbooks use square quilts in the Tyrell/Striker palette: ink, navy, Depth and ultramarine. Capabilities has more depth and Playbooks more blue. Plans and Agent keep their bars. Photographs remain the commercial evidence.
The mosaic keeps large squares, deep colors and white text. White content overlaps the lower part of the artwork, and beneath the edge the color melts subtly under the content until it dissolves into the page. Plans keeps its bars inside a compact header. Every background scrolls away; none stays fixed behind the whole page.
Color travels through the mosaic while its grid stays stable. Bars keep their individual movement. There are no visible controls: animation stops offscreen, in a hidden tab or with reduced motion. Content stays fixed.
- Máster
- 3:2 · ≥3000px · PNG local
- Desktop
- 16:10 · WebP
- Mobile
- 4:5 · anclado derecha
- Acento cálido
- ≤5% · siempre el humano
- UI compuesta
- ≤20–25% del cuadro
- Grade
- frío · sombras navy