Intelligence
How the agent moves: it converses, thinks, proposes — and the voice whose gradient is the state.
Two definitions: the sphere and the confirmation card
Of everything the agent puts on screen, the 2026-09-20 preset defines two things. The rest — what it says, in what order, when — is product, and lives in the rules below.
Amanda’s sphere
A circle with a radial gradient whose focus sits top left, at 32% 28%. From the light tone to the action colour at 52%, and from there to the deep navy. No border, no shadow, and it does not spin.
Three sizes and no others: 14 px when it signs a message, 20 px when it marks presence, 28 px when it is the subject. It is the fourth of the four things that spend the blue.
The sphere
- Shape
- circle · no border, no shadow
- Gradient
- radial-gradient(circle at 32% 28%, light, action 52%, deep)
- Light · dark mode
- #9DBCFF
- Deep · dark mode
- #0D2347
- Light · light mode
- #C6D6F2
- Deep · light mode
- #183E75
- Sizes
- 14 · 20 · 28 px
The confirmation card
When the agent proposes something that needs a yes, it says so in a card filled with the navy, white letters and two actions: the one that confirms in white on the navy, the one that changes as light text with no fill.
It is the only block in the interface painted entirely in the action colour, and that is why it is the only one that may ask for a decision. If two things in the same view look like this, one of them was not asking anything.
The card
- Width
- 280px · radius 16 · padding 12
- Fill
- the action colour of the mode
- Text
- white
- Confirm
- white fill · letters in the action colour · pill
- Change
- no fill · letters #DBE7FF · pill
- How many per view
- one
The agent is visibly at work. Each of its states — typing, thinking, proposing, speaking — has its own way of moving, and none of it is decorative.
Conversation: messages arrive, the agent is seen typing
Each message enters with the entry recipe — rises 8px, once. The three dots exist only while the agent works; they vanish the instant it replies.
Bubbles are square like the whole system: the agent's in soft blue with its mono signature, the person's on subtle surface. The commercial close arrives as a receipt, not as a message. (The sequence itself is a real Chilean campaign, kept in Spanish.)
Agente de Striker
WhatsApp · campaña activa
A lead's thread: every channel declared, every event visible
This is how an executive sees a lead: one thread on one canvas. The console never dresses up as the channel — the channel is a fact of the message, not a theme of the surface, which is also the true shape of the data. Every bubble states it beside its time: any message answers “where did this happen?” without hunting for a header.
System events are typography, not cards: pure mono on the separator line. The receipt speaks in grey; the channel hop speaks in ink — «continúa en WhatsApp · el contexto viaja completo» — louder by contrast, not by elevation. Channel continuity is already real (Instagram → WhatsApp).
Camila Vidal
Lead · Instagram → WhatsApp
Thinking: the reasoning can be opened
When the agent reasons, the spark pulses and the trace stays available — not an opaque spinner: concrete steps a person can audit.
Confidence is declared with its number. An agent that does not show its work cannot ask to be trusted.
Analyzing the lead's history…
- 01Read the last 12 messages in the thread
- 02Checked the executive's calendar
- 03Verified Saturday 10:00 availability
- 04Drafted the proposal with the current price
Approval: the human decides with context
In Attention the agent never replies on its own: it proposes. The card carries the draft, the tools it used as provenance chips, and its confidence — everything a person needs to decide in five seconds.
Approve is the primary action; edit is a normal path, not a failure. The product claim lives here: the inbox never replies alone.
The decision has a lifecycle: approving or sending with edits turns the draft into the sent message with its receipt; discarding resolves it into a grey receipt and nothing sends. The moment the person decides, the card stops asking for attention. No auto-approve countdown: that would invent a mode the product does not have.
The agent proposes
Hola Camila — sí, el sábado tenemos cupo a las 10:00. ¿Te reservo la evaluación sin costo?
Co-editing: the field says what the agent is doing
When Supervisor rewrites a field, the signal lives where the person is looking. Working travels along the line; proposed stays lit waiting for a decision; applied settles back to rest as a brief receipt.
A field being worked is readOnly, never disabled. Its content stays readable and selectable, while no keystroke can be lost when the rewrite arrives. Reduced motion preserves all three states without the sweep.
Provenance: every claim points at its source
The trace shows how it thought; provenance shows where each claim came from. It is the same draft as the approval card, with every fact pointing at its source — memory, calendar, pricing — and every source carrying its age.
Confidence is declared with its number; provenance, with its origin. Together they are the complete reason to believe the draft, auditable in two seconds.
Striker · draft
Hola Camila — sí, el sábado tenemos cupo a las 10:00. La evaluación inicial es sin costo. ¿Te la reservo?
Context it used
Voice: the gradient is the state
The voice presence is the agent's circle with the navy→depth→ultramarine family flowing — pure, no icon inside. Listening, the mesh drifts slowly and the orb breathes. Speaking, it flows fast with more swirl.
The motion IS the information: it stops the instant the state ends.
Status in text: the shimmer is the pulse
When live status needs words — "Analyzing…", "Typing…" — the text carries an ultramarine sweep over grey: the system saying "still on it". It is the sanctioned exception applied to text: the loop is the data.
The state ends and the sweep dies that instant — the result is plain, still text. Under prefers-reduced-motion the shimmer does not exist: grey, static.
Long work: the signal is the loader
For long-running work — enriching a list, running prospecting — the loader is no generic spinner: it is the five nodes of the Qualified Signal lighting in a wave toward the spark. The mark already tells this story: the team distills signal; the agent is the distilled signal.
The label carries the status sweep and elapsed time is declared in tabular mono — work that says how long it has been running never looks hung. When it ends, the motion dies and the mark stands complete: the result, still.
Prospecting made visible: the map of the search
When prospecting runs, the work is visible: every candidate the search finds appears on the map and is classified against the ICP on the spot. What clears the threshold lights up ultramarine — signal. What does not, dims — noise. It is the mark running in production: distilling signal.
The numbers ride along in tabular mono — evaluated, qualified — and the threshold is a declared line, not a mystery of the model. The search ends and the motion dies: the map stands still with its final counts.
Long threads: the edge is a fade
A long trace or thread does not get boxed. The scrolling field announces there is more by dissolving its ends into the canvas: the no-boxes rule applied to overflow.
The fade is scroll-aware where the engine allows it — the top fade only exists once there is content above. It is not motion, it is length: it does not depend on reduced-motion.
- 01Leyó los últimos 34 mensajes del hilo
- 02Detectó intención: agendar esta semana
- 03Consultó la memoria del lead
- 04Encontró preferencia: sábados por la mañana
- 05Consultó el calendario del ejecutivo
- 06Descartó el jueves — sin cupo
- 07Verificó cupo del sábado a las 10:00
- 08Consultó la lista de precios vigente
- 09Confirmó: evaluación inicial sin costo
- 10Revisó el tono de los últimos mensajes
- 11Eligió registro: cercano, sin presión
- 12Redactó la propuesta
- 13Calculó confianza: 86%
- 14Dejó el borrador para aprobación
A loop exists only while a real condition remains live
The system rule is that nothing repeats: entries happen once and reveals never return. Two conditions are sanctioned: work in progress and pending human attention. In both, the loop is the data.
Two conditions to qualify: the motion dies the moment the state stops being true, and it disappears entirely under prefers-reduced-motion.
- Mensaje
- entrada · +8px · una vez
- Escribiendo
- tres puntos · 1.1s · solo mientras trabaja
- Pensando
- chispa pulsa 1.6s · traza auditable
- Aprobación
- propone → decide → recibo
- Campo trabajando
- línea corre · readOnly
- Campo propuesto
- línea azul 2px · espera decisión
- Campo aplicado
- recibo 2.4s · vuelve al reposo
- Escucha / habla
- malla 0.35 · 1.4 + barras
- Canal del mensaje
- junto a la hora · en cada burbuja
- Evento silencioso
- recibo · línea + mono
- Salto de canal
- mono en tinta · línea separatoria
- Procedencia
- cita numerada → fuente + edad
- Estado en texto
- barrido 2s · muere con el estado
- Trabajo largo
- señal → chispa · tiempo tabular
- Mapa de búsqueda
- ultramarino = señal · umbral declarado
- Hilo largo
- fade 28px · sin borde
- Reduced motion
- todo estado vivo se apaga