Icon
The symbol's two geometries, the agent's spark, and the app icon.
This section still reads in Spanish — the English body is on its way. The demos speak for themselves.
Dos geometrías
El símbolo tiene dos dibujos y eso es intencional. Sobre 24 px son círculos reales. Bajo ese umbral un círculo de 5 px se antialiasa hasta volverse una mancha, así que entra una versión ajustada al píxel donde cada nodo es un cuadrado de 2×2. El componente elige por ti según el tamaño — la regla la aplica el código, no un párrafo.
96 px
círculos
64 px
círculos
40 px
círculos
24 px
círculos
16 px
micro
El ícono de aplicación no elige su forma
La elige el sistema operativo. iOS enmascara a squircle, Pixel a círculo, Samsung a cuadrado redondeado. Por eso el master se entrega a sangre y sin radio propio: si horneamos el nuestro, en iOS queda un cuadrado redondeado dentro de un squircle y se ve un halo en las esquinas.
El símbolo ocupa el 64% del cuadro, centrado, para sobrevivir el recorte circular de Pixel sin quedar apretado contra el borde.
El círculo es un rol, no una forma de marca
Círculo significa el agente está presente: avatar en conversación, punto de estado, identidad en el hilo. Y dentro del círculo no va el logo completo — va la chispa: la señal de cuatro puntas sola.
La aplicación es el master a sangre; el agente es la chispa en su círculo. El círculo va sin borde.
Agente de Striker
Respondiendo en WhatsApp · hace 2 min
Del logo al agente: la chispa es la señal destilada
La chispa no es un ícono nuevo: es el elemento terminal del Qualified Signal. En el logo, cinco nodos de equipo se reducen a una señal — el agente es esa señal destilada.
Como la chispa es un subconjunto literal del logo, la transición logo → agente es un morph, no un crossfade: los nodos se absorben y la señal crece. Esa animación queda disponible para el producto.
Siete archivos, siete trabajos
Cada archivo existe porque hace algo que ningún otro hace. Si dos comparten trabajo, uno sobra.
- striker-lockup-black.svg
- Lockup horizontal. Máscara para cualquier tono.
- striker-mark.svg
- Símbolo, 24 px y más. Usa currentColor.
- striker-mark-micro.svg
- Símbolo bajo 24 px. Geometría pixel-fitted.
- striker-app-icon.svg
- Master de aplicación, modo oscuro. A sangre.
- striker-app-icon-light.svg
- Master de aplicación, modo claro. A sangre.
- striker-spark.svg
- La chispa: la señal sola. Marca del agente.
- striker-agent-icon.svg
- Presencia del agente: chispa blanca en círculo navy, sin borde.
- Umbral de geometría
- 24 px
- Símbolo en el master
- 64% del cuadro
- Radio del master
- ninguno · a sangre
- Círculo
- solo presencia del agente