--- type: OUT asset_id: OUT-EL-VIS-Muestra2Semanas-Fuentes-v01 version: v01 proyecto: Demand Gen · Muestra 2 semanas · Fase 0 owner: Victor Heredia sherpa: /ux-diseno (SVA-EL-Diseno-FactoriaVisual-v01) ratificadores: [Victor Heredia (L3), Anahí] intellibank: IB-EL-EmpowerLabs subbank: PB-EL-Project-Bank / PB-DEMANDGEN-EmpowerLabs fecha_creacion: 2026-07-21 proposito: Hoja de fuentes de las 3 piezas visuales producidas para los posts 2, 3 y 4 de PLAN-EL-DEMANDGEN-RutaContenidos-Muestra2Semanas-v02. El post 1 (V6, foto real) no lleva pieza de factoría por diseño del brief. tags: [OUT, fuentes, ux-diseno, demandgen, muestra2semanas] --- # Fuentes · Piezas visuales · Muestra 2 semanas (posts 2–4) Las 3 piezas son carril 🅰 puro (render por código) — sin motor de IA. Todo dato citado sale del arsenal ya verificado en `PLAN-EL-DEMANDGEN-RutaContenidos-Muestra2Semanas-v02` §3; ninguno se inventó ni se recalculó. ## Post 2 — Card "La jornada infinita" (V1) | Dato | Fuente | |---|---| | 275 interrupciones al día (cada 2 min) · 117 correos · 153 chats · juntas +8pm +16% | Microsoft, Work Trend Index 2025 | ## Post 3 — Card "Amaban su trabajo" (V3+V4, doble filo) | Dato | Fuente | |---|---| | 47% de quienes renunciaron amaba su trabajo — no a su jefe | BambooHR, 2025 | | Engagement de managers 22% · explican 70% de la motivación del equipo | Gallup, 2026 | ## Post 4 — Carrusel "5 datos de 2025 que tu jefe debería leer" | Slide | Dato | Fuente | |---|---|---| | 2 | 275 interrupciones/día | Microsoft, Work Trend Index 2025 | | 3 | 47% renunció amando su trabajo | BambooHR, 2025 | | 4 | 90%+ de 141 empresas no volvió atrás de la semana de 4 días | Nature Human Behaviour, 2025 | | 5 | Managers: 22% engagement / 70% de influencia | Gallup, 2026 | | 6 | 54% en "quiet cracking" | TalentLMS / Fortune | ## Marca y color (contexto duro) - Tokens v03.2 (`--el-*`): azul `#1E9BF0`/`#5BC3FF`, índigo `#3B5BD9`, rosita `#CA3BAE` — mismos valores usados en `OUT-EL-VIS-CasaEmpowerLabs-20260721`. - Regla aplicada en las 3 piezas: **el acento por categoría nunca es texto pequeño** (índigo 3.43:1 y rosita 4.42:1 solo pasan AA en texto grande/negrita) — el acento vive en bordes, símbolo y elementos ≥24px bold. Fix heredado de `AUD-EL-Brand-BrandBookV03-Auditoria-v01` P0-1/P1-1. - **Rosita reservada a CTA/acción** (regla del molde `VIZ-EL-Brand-FactoriaCarruseles-v02`): en el post 2 y 3 —sin CTA por regla de Fase 0— el énfasis va en azul eléctrico, no en rosita. En el carrusel (post 4), rosita solo aparece en el botón de cierre "Guárdalo y compártelo". - Carrusel post 4 hereda layout y CSS de `VIZ-EL-Brand-FactoriaCarruseles-v02` (4 arquetipos: Portada/Dato/Lista/CTA) — "se hereda, se afina, no se rehace" (veredicto de la auditoría). - Sin links en el cuerpo de ninguna pieza — regla dura de la Fase 0 (links en cuerpo = −60% reach). ## Cognición aplicada `BCE-Geist-CognitiveStack-v01` (sistema de marca) · `BC-GiorgiaLupi-CognitiveStack-v01` (cada dato como historia humana, no adorno) · `BCS-InfografiaBestPractices-CognitiveStack-v01` (declutter, contraste AA medido, honestidad de datos). ## Pendiente - [x] Ratificación de Victor sobre las piezas visuales (posts 2–4) — confirmada 2026-07-21 (Anahí). - [x] Retrofit de tipografía/contraste/branding/viudas (reglas ratificadas 2026-07-23) aplicado a las 4 piezas — entregadas como `-v02` (ver abajo). - [ ] Post 1 (V6): sigue pendiente de foto real de Victor — fuera del alcance de `/ux-diseno` por diseño del brief (humano primero, sin banner corporativo, sin foto genérica — ver decisión abajo). - [ ] Confirmar si `DC-EL-Carruseles-PlaybookSkill-v01` (MediaFactory) y el molde de `/ux-diseno` deben consolidarse en un solo dueño de carril A de carruseles. ## Actualización 2026-07-23 — retrofit a v02 Las 4 piezas (Post 1–4) se re-entregaron como `-v02.html` con las reglas ratificadas en la sesión de anotaciones del 23-jul (`SVA-EL-Diseno-FactoriaVisual-v01` §Reglas de tipografía y composición): tamaños de texto pequeño subidos ~1.6-2.3x, contraste llevado a casi-blanco/neutro (fuera indigo/rosita en texto pequeño), bloque de firma de Victor con tagline **"Construyendo Organizaciones Hiperinteligentes"** + crédito **"Autor de 'Organizaciones Hiperinteligentes'"** añadido/ampliado, y viudas corregidas con ` `. Las `-v01.html` se conservan en el mismo folder para referencia histórica. ## Corrección 2026-07-23 (mismo día) — Post 4 a v03, feedback de Anahí El v02 del carrusel (Post 4) no cumplía el estándar real. Anahí marcó 5 correcciones, ahora aplicadas en `OUT-EL-VIS-Muestra2Semanas-Post4-Carrusel5Datos-v03.html` (el link del plan ya apunta a `-v03`): 1. **Tono/voz:** el copy se calibró contra `VOX-VH-VictorHeredia-v02` (evitar egocentrismo en el lenguaje, no en la firma). **Corrección (Anahí, mismo día):** el crédito "Autor de 'Organizaciones Hiperinteligentes'" en el cierre se mantiene tal como estaba — no se elimina. Se restauró en v03. 2. **Mejora insuficiente:** confirmado — el v02 solo tocó tamaño/color, no composición ni relleno. 3. **Composición/viudas:** se reescribió cada sub-línea siguiendo la Arquitectura de Frase del VOX (Componente 2: corta→larga, punto y aparte frecuente, nunca dos frases largas seguidas) con `
` deliberados en el quiebre correcto, en vez de solo ` ` mecánico al final. 4. **Tamaño:** +2px sobre cada elemento de texto del v02 (kicker, headline, sub, stat, foot, fuente, cta-btn). 5. **Texto sin valor:** se quitó "· desliza →" repetido en las 7 slides (indicación de UI redundante, el usuario ya sabe deslizar) y "· fin" del cierre. Nota técnica: el `-v02.html` de Post 4 se sobrescribió al renombrarse a `-v03.html` (no quedó como copia separada) — solo existen `-v01.html` (original) y `-v03.html` (vigente) en el folder. ## Cierre 2026-07-23 (mismo día) — Posts 1-3 nivelados a v03 Para cerrar la factoría con un estándar parejo, Posts 1-3 recibieron el mismo tratamiento del Post 4 (menos la corrección de tono, que en su caso ya estaba bien — ver nota abajo): **+2px sobre cada tamaño ya bumpeado en v02**, y **composición reforzada** (frases largas partidas con `
` deliberado en el quiebre de sentido, no solo ` ` al final). El bloque de firma de Victor (nombre + tagline + crédito de autor) se mantiene igual en los 3 — nunca se tocó, solo aplicó al Post 4 por el malentendido ya corregido (ver arriba). Entregados como: - `OUT-EL-VIS-Muestra2Semanas-Post1-QuoteCardElRegreso-v03.html` - `OUT-EL-VIS-Muestra2Semanas-Post2-CardJornadaInfinita-v03.html` - `OUT-EL-VIS-Muestra2Semanas-Post3-CardAmabanSuTrabajo-v03.html` Los links del plan (`PLAN-EL-DEMANDGEN-RutaContenidos-Muestra2Semanas-v02`) ya apuntan a `-v03` en las 4 piezas. Las versiones `-v01`/`-v02` anteriores se conservan en el mismo folder para referencia histórica. **Con esto la muestra de 2 semanas queda al mismo estándar de tipografía, contraste, composición y tono en las 4 piezas — factoría cerrada** (pendiente solo lo ya conocido: VoBo de Victor/Paloma y la foto real de Victor para el Post 1). ## Ajuste 2026-07-23 (mismo día) — Post 4 a v04, segunda ronda de comentarios de Anahí Anahí pidió un ajuste puntual sobre el ya cerrado `-v03`, aplicado en `OUT-EL-VIS-Muestra2Semanas-Post4-Carrusel5Datos-v04.html` (el link del plan ya apunta a `-v04`): 1. **Tamaño:** texto subido ~3x sobre el tamaño original en todos los elementos del carrusel (kicker 22→26px, headline 78→86px, sub 30→34px, stat 210→224px, foot 22→26px, cta-btn 26→30px, fuente 21→24px; en el cierre, headline 58→64px y bloque de firma 19/17→22/20px). 2. **Viuda en Dato 5:** "de los empleados está 'tronando en silencio'" se reestructuró en dos frases cortas independientes (Arquitectura de Frase VOX) en vez de una sola línea partida por dos puntos — ahora cada línea es una idea completa, sin cortes a media frase. 3. **Fondos intercalados:** se aplicó el formato **Híbrido** ya ratificado en el menú de formatos (`SPEC-EL-UX-FactoriaVisual-v01` §C7) — las 7 slides alternan negro/blanco (portada y cierre siempre en negro; Datos 1, 3 y 5 en blanco; Datos 2 y 4 en negro). La paleta clara reutiliza tal cual los tokens del kit estándar EmpowerLabs (`--el-ink:#141225` etc., ya presentes en el mismo archivo) — sin inventar hex nuevos. 4. **Export sin márgenes:** el CSS de impresión ya tenía `@page{margin:0}`; se reforzó (`html,body` sin margin/padding, `.wrap` sin max-width en print) y se dejó documentado en el propio HTML y en la guía de uso que el **único camino de export es Imprimir → Guardar como PDF**, con Márgenes en "Ninguno" y encabezados/pies desactivados en el diálogo del navegador (esas dos casillas viven en el diálogo de Chrome, no en el CSS). 5. **Colores BrandBook v03:** verificados — la paleta oscura sigue usando los tokens `--el-*` originales, la nueva paleta clara reutiliza los tokens ya ratificados del kit estándar (mismo archivo), azul solo resalta y rosita solo vive en el botón de cierre. Las versiones `-v01`/`-v02`/`-v03` se conservan en el mismo folder para referencia histórica. ## Corrección 2026-07-23 (mismo día) — Post 4 a v05, tercera ronda: colores grises y viuda de portada Anahí vio la captura del v04 y marcó dos problemas reales, ahora corregidos en `OUT-EL-VIS-Muestra2Semanas-Post4-Carrusel5Datos-v05.html` (el link del plan ya apunta a `-v05`): 1. **Colores grises — error real, no interpretación:** al construir la paleta clara del Híbrido (v04), reutilicé por descuido tonos grises intermedios del kit de dashboards EmpowerLabs (`#3D3D4A`, `#6E6A7A`) para texto secundario — esto viola la regla ya ratificada ("nunca grises medios para texto de lectura", `SPEC-EL-UX-FactoriaVisual-v01` §C7). Además, el texto secundario en fondo oscuro (`.k`, `.foot`, `.fuente`) también usaba grises (`--el-t2`/ `--el-t3`) desde v01 — nunca se había marcado hasta ahora. **Corrección aplicada en las 7 slides:** fondo oscuro → blanco/casi-blanco (`--el-t1`) o azul (`--el-blue-lite`) para labels; fondo claro → negro (`#141225`) o azul (`--el-blue`). Cero grises en ningún elemento de texto. 2. **Viuda en la portada:** "5 datos de 2025 que tu jefe debería leer" al tamaño más grande de v04 envolvía en 4 líneas dejando "jefe" solo. Se reescribió con un quiebre de línea deliberado ("5 datos de 2025 —" / "tu jefe debería leer") y espacios irrompibles uniendo "tu jefe" y "debería leer" en pares — así, aunque el navegador re-envuelva el texto, nunca queda una sola palabra corta aislada. 3. **Tamaño:** bajado ~2pt sobre cada valor de v04 (kicker 26→24px, headline 86→76px —este último bajó más porque era la fuente directa del problema de la portada—, sub 34→32px, stat 224→222px, foot 26→24px, cta-btn 30→28px, fuente 24→22px; cierre revertido a 58px como en v03, que ya funcionaba bien para ese texto largo). Las versiones `-v01` a `-v04` se conservan en el mismo folder para referencia histórica. ## Decisión — Post 1, ¿foto de una persona genérica? Se evaluó usar una foto de stock/genérica ("cualquier persona") para cubrir el post 1 mientras no hay foto real de Victor. **No se recomienda**: el V6 es narrativa en primera persona ("a los 60 y tantos me metí en la reinvención…") — su mecánica psicológica completa depende de que sea reconociblemente él. Una foto de alguien más rompe la señal de autenticidad que el propio LinkedIn 2026 premia (relationship depth, dwell time) y contradice la regla de honestidad que gobierna cada pieza de esta factoría (nunca presentar como real lo que no lo es). **Decisión tomada (Anahí, 2026-07-21): quote-card tipográfica de respaldo**, sin rostro — `OUT-EL-VIS-Muestra2Semanas-Post1-QuoteCardElRegreso-v03.html` (cierre 23-jul; versiones previas en `-v01.html`/`-v02.html`). Usa la frase pivote del post ("La IA no me hizo más inteligente. Me obligó a serlo.") en tipografía de marca; no es una foto sustituta, es un formato distinto (quote card) que no finge ser lo que no es. Sigue siendo preferible reemplazarla por la foto real de Victor en cuanto esté disponible — el brief original la pide explícitamente. --- *OUT-EL-VIS-Muestra2Semanas-Fuentes-v01 · IB-EL-EmpowerLabs/PB-EL-Project-Bank/PB-DEMANDGEN-EmpowerLabs · creado 2026-07-21 · última actualización 2026-07-23 (Post 4 → v04) · Owner: Victor · Sherpa: /ux-diseno*