--- 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. ## Corrección 2026-07-23 (mismo día) — causa raíz real de los grises, no error de criterio La captura del v05 seguía mostrando texto gris en las slides claras. Investigando por qué mi override de color (`.card.light .sub{color:#141225}`, especificidad correcta) no se aplicaba, encontré la causa real: el archivo incluye el script **`EL-DashboardStandard-v01`** (heredado del molde, pensado para dashboards internos del equipo — toggle de tema compartido, menú de navegación, estampa de fecha). Ese kit inyecta su propia hoja de estilo con reglas como `:root[data-theme="oscura"] .sub{color:#bdb9d6}` / `:root[data-theme="clara"] .sub{...:#2a2640}` — y como `.sub`/`.foot`/`.muted`/etc. son nombres de clase genéricos que el carrusel también usa, el kit terminaba pintando el texto del carrusel con SU paleta de dashboard (grises), ganando el empate de especificidad porque su `