---
type: DC
asset_id: DC-EL-LoopXVIS-LoopContract-v01
version: v01
status: Active — instancia EL (Factoría Visual /ux-diseno · Caso 0 probado: ecosistema Casa EmpowerLabs + muestra 2 semanas DemandGen)
owner: Victor Heredia
sherpa_owner: /ux-diseno (Jay)
ratificador: Victor Heredia (L3)
fecha_creacion: 2026-07-23
intellbank: IB-EL-EmpowerLabs
subbank: SVA-EL-UltraSherpas
proposito: >
  Loop Contract de la Factoría Visual (LoopXVIS) — formaliza bajo el harness de 10 elementos
  del MacroLoopX la línea de producción de piezas visuales (infografías, cards, carruseles)
  que el UltraSherpaX /ux-diseno ya opera. No rediseña el motor: lo instancia como loop de
  producción con vida propia, gobernado, con tablero de piezas y sistema de ajustes por
  comentarios. Productor que alimenta LoopXDG (Demand Gen), igual patrón que su hermano LoopXMED.
relacionados: >
  SVA-EL-Diseno-FactoriaVisual-v01 · SPEC-EL-UX-FactoriaVisual-v01 · TP-EL-VIS-RoomProduccion-v01 ·
  TPL-EL-VIS-RevisionComentarios-v01 · DC-EL-LoopXMED-LoopContract-v01 (patrón hermano ·
  MediaFactory) · PP-EL-LoopX-MacroLoopX-Arquitectura-v01 (§3 harness) ·
  VIZ-EL-Brand-FactoriaCarruseles-v02 (molde carril A heredado) ·
  BRD-EL-DEMANDGEN-BancoIdeasVCM-LoopX-v01 (upstream: entrega la idea/brief ya puntuada — interfaz, no soldadura)
tags: [loop-contract, loopxvis, factoria-visual, ux-diseno, macroloopx, demand-gen, posts, carruseles]
---

# Loop Contract — LoopXVIS · Factoría Visual (`/ux-diseno`)
## Instancia EL — industrialización de la producción de piezas visuales bajo el harness de 10 elementos del MacroLoopX

> Este contrato NO rediseña el motor: formaliza bajo los 10 elementos del Loop Contract
> (`PP-EL-LoopX-MacroLoopX §3`) la línea de producción visual que `/ux-diseno` ya tiene
> operando (gate del ecosistema Home superado 21-jul, muestra de 2 semanas de DemandGen
> producida 21-jul). Patrón hermano: `DC-EL-LoopXMED-LoopContract-v01` (MediaFactory produce
> video; LoopXVIS produce imagen/infografía/carrusel). Ambos alimentan **LoopXDG**.
>
> **Origen (Anahí/Victor · sesión de anotaciones 23-jul):** de una revisión de especificaciones
> sobre lo ya producido salieron 3 necesidades no resueltas — (1) un TP/XP para abrir el room
> de producción rápido, (2) un loop de contenido formal para posts/carruseles (este documento),
> (3) un sistema de ajustes para que otro room/persona revise contenido y formato sin editar
> código. Este Loop Contract formaliza las 3.

---

## §1 · El harness — los 10 elementos instanciados

| # | Elemento | Definición |
|---|----------|------------|
| 1 | **Identidad** | **LoopXVIS** · loop de producción de piezas visuales (infografías, cards de dato, carruseles) · instancia EL. Room ancla: `SVA-EL-UltraSherpas` (motor `/ux-diseno`); paquetes de salida viven en el banco del producto/campaña (ej. `PB-DEMANDGEN-EmpowerLabs`). Productor que alimenta **LoopXDG**. |
| 2 | **Misión** | Convertir un brief (definición de producto O un MD de propuesta de post/carrusel con indicaciones de formato) en piezas HTML publicables, bajo marca v03, con el menú de formatos elegible (tema + fondo) y las reglas duras de tipografía/contraste ratificadas 23-jul. **Unidad orbital: la pieza o el paquete** (`OUT-EL-VIS-{Producto}-{fecha}`). |
| 3 | **Métrica de gravedad** | **Automática** = piezas producidas + exportadas + publicadas. **Humana** = VoBo Paloma (marca) + ratificación L3 Victor (publicación) + lectura del room de revisión (contenido/formato). Una pieza sube de órbita al pasar QA + revisión; reentra si el room de revisión deja comentarios o si el VoBo la regresa. |
| 4 | **Estados orbitales** | brief (MD) → producción (`/ux-diseno`, carril 🅰/🅱) → QA interno (4 gates, SPEC §C9) → **revisión con comentarios** (segundo room/persona) → ajustes (`-v02`) → VoBo marca/L3 → **exportado** (PNG/PDF, manual — ver `OUT-EL-VIS-Muestra2Semanas-GuiaExportacion-v01`) → publicado. Modelo orbital: una pieza puede reentrar de revisión a producción cuantas veces haga falta antes del VoBo. |
| 5 | **Equipo** | **Humanos:** Victor (owner; VoBo publicación L3) · Paloma (VoBo marca) · Anahí (dirección de contenido + room de revisión) · quien Anahí delegue como segundo Sherpa/room de revisión. **Agente IA:** `/ux-diseno` (producción + ajustes). Autonomía graduada: **producir = L1-L2 autónomo; publicar/cambiar dirección de marca = L3 HITL**. Tripleta por pieza: Owner Victor · Sherpa `/ux-diseno` · Ratificador Paloma/Victor. |
| 6 | **BrainX Advisory** | El board de 3 cogniciones de `/ux-diseno` cumple este rol: **Geist** (sistema de marca, DOM) · **Giorgia Lupi** (data humanism) · **Escuela de Infografía** (QA legibilidad/honestidad/formato) — `BCE-Geist-CognitiveStack-v01` · `BC-GiorgiaLupi-CognitiveStack-v01` · `BCS-InfografiaBestPractices-CognitiveStack-v01`. |
| 7 | **Productores/consumidores conectados** | **Upstream:** `BRD-EL-DEMANDGEN-BancoIdeasVCM-LoopX-v01` (Banco de Ideas, índice IPV) entrega la idea/brief ya puntuada — **interfaz, nunca soldadura**: LoopXVIS no absorbe la lógica de scoring, solo consume su output. **Moldes heredados:** `VIZ-EL-Brand-FactoriaCarruseles-v02` (carril A carrusel) · `TPL-EL-Infografia-Tecnica-Base-v01` (carril A infografía). **Downstream:** LoopXDG (canales, publicación). |
| 8 | **Gates** | **Entrada G-BRIEF:** MD con propuesta de post/definición de producto + indicaciones de formato (tema, fondo) — si falta el formato, `/ux-diseno` pregunta antes de producir (no asume default). **Salida G-VIS→DG:** pieza con QA PASS (4 gates) + revisión con comentarios cerrada + VoBo Paloma/Victor + exportada → handoff a LoopXDG/canales. |
| 9 | **Tablero del Loop** | Por ahora ligero (tabla en este documento, §2); se materializa como HTML vivo (patrón `BRD-`) cuando haya ≥3 paquetes en órbita simultánea. Fuente de verdad por pieza: su carpeta `OUT-EL-VIS-{Producto}-{fecha}/` + `Fuentes.md`. |
| 10 | **Rituales** | Room de revisión con comentarios antes de cada VoBo · QA de 4 gates corrido por `/ux-diseno` antes de entregar cualquier -v01 · export manual (DevTools/Imprimir) documentado · empaque Vault-First con Fuentes.md + Prompts.md por paquete. |

**Invariante de la línea:** *loops orquestan, factorías producen; nunca soldar el motor de ideación (VCM/Banco de Ideas) a la producción visual.* Sin VoBo Paloma + ratificación L3, no hay pieza publicada.

---

## §2 · El Tablero del Loop (estado inicial, ligero)

| Paquete | Órbita | Gravedad | Notas |
|---|---|---|---|
| `OUT-EL-VIS-CasaEmpowerLabs-20260721` | ✅ publicado (gate de Activo) | VoBo Paloma+Victor confirmado | Encargo de prueba — declaró `/ux-diseno` Activo. **Cerrado en `-v03`** (23-jul): tipografía/contraste/viudas + 2px extra + composición reforzada |
| `OUT-EL-VIS-Muestra2Semanas-20260721` | ◐ revisión — enviado a Victor por Buzón | pendiente VoBo | 4 piezas (posts 1-4) **cerradas en `-v03`** (23-jul): mismo estándar de tipografía/contraste/composición/tono en las 4 — factoría nivelada |
| *(siguientes paquetes)* | — | — | se agregan al tocarlos — ninguno entra sin su `Fuentes.md` |

---

## §3 · Nomenclatura y ubicación

- **Casa del Loop Contract:** `IB-EL-EmpowerLabs/SVA-EL-UltraSherpas` (junto al SVA y la SPEC de `/ux-diseno`).
- **Paquetes de salida:** `PB-DEMANDGEN-EmpowerLabs/OUT-EL-VIS-{Producto}-{fecha}/` o el banco del producto (ej. `Brand/` para piezas de ecosistema).
- **Naming de outputs:** `OUT-EL-VIS-{Producto}-{Pieza}-vNN.html` (o `.png`/`.pdf` tras export) + `Fuentes.md` + `Prompts.md` por paquete.
- **Revisión:** `REV-EL-VIS-{Pieza}-v01.md` (instancia de `TPL-EL-VIS-RevisionComentarios-v01`) vive junto a la pieza que comenta.
- **Registro:** todo paquete canónico al `CP-XX-IntelliBanks-Registry`.
- **Tripleta:** Owner Victor · Sherpa `/ux-diseno` · Ratificador Paloma (marca) / Victor (L3+ publicación).

---

## §3-bis · Canva (mecanismo ratificado 2026-07-23: imagen congelada + capa encima)

Canva vive **dentro** de este Loop (no es un carril paralelo): entra en el estado orbital
**ajustes** (§1 tabla, estado 5), como una alternativa práctica a que `/ux-diseno` reciba el
`REV-EL-VIS-*` y edite código directamente.

**Mecanismo elegido (Anahí, 2026-07-23) — imagen congelada + capa encima:**
1. La pieza se produce y se corrige siempre en código (🅰) — eso no cambia.
2. Se exporta a PNG/PDF por el proceso manual ya documentado (`OUT-EL-VIS-Muestra2Semanas-GuiaExportacion-v01` §A/B).
3. Ese archivo se sube a Canva como imagen y se **bloquea la capa** — queda pixel-idéntico al código, sin riesgo de que el motor de Canva lo re-renderice distinto.
4. Cualquier ajuste (Anahí, Victor, Paloma) se hace en capas nuevas **encima** de esa imagen bloqueada — nunca editándola. Si el ajuste necesario es cambiar el copy ya congelado, se vuelve al HTML y se re-exporta.

Se descartó la alternativa de reconstruir cada pieza como elementos nativos de Canva (texto/formas
editables) porque no da garantía de fidelidad pixel a pixel frente al CSS del código — el detalle
completo de ambas opciones y por qué se eligió esta está en `SPEC-EL-UX-FactoriaVisual-v01` §PARTE E
(E0-E3). Pendiente, sin bloquear el mecanismo: correr el primer caso real de principio a fin (hoy
requiere que alguien corra el export manual, ya que el sandbox no puede renderizar HTML sin
intervención humana).

## §4 · NEXTs

- [x] Retrofit de `OUT-EL-VIS-CasaEmpowerLabs-20260721` y `OUT-EL-VIS-Muestra2Semanas-20260721` con las reglas de tipografía/contraste/branding de esta actualización — hecho 23-jul, entregado como `-v02` en ambos paquetes.
- [x] Corrección de tono/composición/tamaño en Post 4 (carrusel) tras feedback de Anahí — entregado como `-v03`. Ver `SVA-EL-Diseno-FactoriaVisual-v01` §Reglas de voz y composición (VOX).
- [x] Nivelar Posts 1-3 y el ecosistema al mismo estándar (+2px, composición corta→larga) — cerrado 23-jul, las 5 piezas de la factoría quedan en `-v03` con el mismo estándar. Factoría cerrada.
- [ ] Primer uso real del ciclo de revisión con comentarios (`TPL-EL-VIS-RevisionComentarios-v01`) sobre una pieza ya entregada.
- [ ] Materializar el tablero como HTML vivo cuando haya ≥3 paquetes en órbita.
- [ ] Confirmar si el Banco de Ideas VCM (`BRD-EL-DEMANDGEN-BancoIdeasVCM-LoopX-v01`) debe declarar explícitamente a LoopXVIS como su consumidor downstream, o si basta esta referencia unidireccional.
- [x] Definir el mecanismo de conexión con Canva — ratificado 2026-07-23: imagen congelada + capa encima (§3-bis).
- [ ] Correr el primer caso real end-to-end (exportar una pieza y subirla a Canva como capa bloqueada) — pendiente de que Anahí/Victor corran el export manual o pasen un archivo ya exportado.
- [ ] **Baja prioridad, no bloquea nada:** si en el futuro se necesita texto 100% editable en Canva, evaluar el Brand Template maestro con tokens v03 — el mecanismo elegido no lo requiere hoy.

---

## CHANGELOG

| Versión | Fecha | Cambio |
|---------|-------|--------|
| v01 | 2026-07-23 | Creación. Formaliza LoopXVIS bajo el harness de 10 elementos del MacroLoopX, a partir de la sesión de anotaciones de especificaciones de la factoría de posts (Victor/Anahí). Define estados orbitales con revisión-por-comentarios como paso explícito, tablero ligero inicial (2 paquetes), y nomenclatura. Patrón hermano de `DC-EL-LoopXMED-LoopContract-v01`. |

---
*DC-EL-LoopXVIS-LoopContract-v01 · IB-EL-EmpowerLabs/SVA-EL-UltraSherpas · 2026-07-23 · Owner: Victor · Sherpa: /ux-diseno*