--- type: OUT asset_id: OUT-EL-VIS-LinkedIn-RedViva-Fuentes-v01 version: v01 proyecto: Factoría Visual · Prototipo Imagen única LinkedIn · Red Viva owner: Anahí Martínez sherpa: AniX / `/ux-diseno` ratificador: Paloma (brand) · Victor Heredia (L3+) — pendiente VoBo intellibank: IB-EL-EmpowerLabs subbank: SVA-EL-UltraSherpas fecha_creacion: 2026-07-24 relacionados: [VIZ-EL-VIS-NorthStar-C-RedViva-v01, OUT-EL-VIS-NorthStar-Notas-v01, SPEC-EL-UX-FactoriaVisual-v01, VIZ-EL-Brand-BrandBookMaestro-v03] proposito: Hoja de fuentes y notas de QA del prototipo VIZ-EL-VIS-LinkedIn-RedViva-Post-v01 — Imagen única (1080×1350) para LinkedIn, condensada a partir de la dirección North Star C "Red Viva". tags: [OUT, fuentes, factoria-visual, linkedin, red-viva, prototipo] --- # Fuentes y QA · VIZ-EL-VIS-LinkedIn-RedViva-Post-v01 ## Encargo Anahí solicitó tomar `VIZ-EL-VIS-NorthStar-C-RedViva-v01.html` (dirección "Red Viva" del paquete North Star, 2026-07-24) como referencia para producir el prototipo de infografía de uso en LinkedIn. ## Decisiones tomadas con Anahí (2026-07-24) - **Formato:** Imagen única vertical **1080×1350px (4:5)** — el recomendado por canon (SPEC §C7), no el 1920×1080 de pantalla completa del HTML North Star original. - **Alcance:** versión condensada — núcleo + las 7 paradas (nombre, sin la descripción larga que en el original solo vivía en el tooltip de hover) + leyenda de las 4 funciones. Se omiten las 5 primitivas (chips siempre-visibles del original) para no saturar una pieza de scroll rápido — ya quedan nombradas indirectamente en el subtítulo ("Motor de Inteligencia Organizacional"). - Se retira toda interacción (hover, tooltip, animación JS) — es una pieza estática para exportar como imagen, no una página web. ## Contenido (Gate G0 — nada inventado) - **Núcleo + 7 paradas + 4 funciones:** MatriX-Hub-v01, vía `VIZ-EL-VIS-NorthStar-C-RedViva-v01` (mismo dato, misma fuente que el original — ver `OUT-EL-VIS-NorthStar-Notas-v01` §Contenido). - **Tokens de color, símbolo (4 triángulos) y wordmark:** `VIZ-EL-Brand-BrandBookMaestro-v03.html` (azul `#1E9BF0`/`#5BC3FF`, rosita `#CA3BAE`, fondo `#0C0C10` — tema oscuro ratificado). ## QA corrido (SPEC §C9) 1. **Marca:** fondo negro/oscuro, nunca de color · azul solo resalta (kicker, números de nodo, líneas) · rosita solo acción (tag de prototipo, eyebrow del núcleo, pulsos) · símbolo de 4 triángulos copiado sin alterar geometría ni gradientes del brandbook maestro · Manrope + Public Sans + JetBrains Mono. ✅ 2. **Datos:** cada nombre de parada y función proviene de MatriX-Hub-v01 (mismo dato que el original ya ratificado como referencia); no se agregó ningún dato nuevo. ✅ 3. **Texto:** contraste texto blanco casi-puro (`--t1 #ECECF0`) sobre fondo oscuro — **cero grises** (no se usaron los tokens `--t2`/`--t3` del brandbook para texto, por la corrección de Anahí del 2026-07-23 sobre reutilizar grises de dashboard en piezas de marca). Tamaños ≥28px en el canvas de 1080px (piso 26-30 + 2px del ratificado 2026-07-23). Viudas resueltas con estructura de frase + `
`/` ` deliberados, no solo ` ` mecánico. Sin superlativos vacíos. Negrita reservada al sufijo de marca (`Empower**Labs**`, regla dura del brandbook) y a una sola palabra de énfasis en el H1 ("organismo"). ✅ 4. **Formato:** 1080×1350px (4:5, imagen única recomendada) — dentro del menú fijo del canon, no un tamaño libre. ⚠️ **Pendiente:** export a PNG 2× nítido — el sandbox de este entorno bloquea la descarga de un navegador headless (mismo bloqueo ya documentado en `SPEC-EL-UX-FactoriaVisual-v01` NEXT — "sandbox no puede renderizar HTML sin intervención manual"). Falta que Anahí o Victor abran el HTML y exporten (captura o impresión a PNG/PDF) para la verificación visual real y, si aplica, el rail de Canva (§E0 de la SPEC). ## NEXT - [ ] **Anahí/Victor:** abrir `VIZ-EL-VIS-LinkedIn-RedViva-Post-v01.html` en navegador a 1080×1350 (o exportar) y confirmar que no hay colisiones visuales entre el rótulo del núcleo y los nodos 3/4 (WORX OS, SherpaX) — el espaciado se calculó por trigonometría, no se verificó con render real. - [ ] Reaccionar: ¿esta condensación (núcleo + 7 + 4 funciones, sin primitivas) es el nivel de detalle correcto para LinkedIn, o se simplifica más? - [ ] VoBo Paloma (marca) antes de cualquier publicación externa. - [ ] Si se aprueba la dirección, producir también la versión 1080×1080 (cuadrada) y evaluar si el mismo tratamiento aplica a las direcciones A (Núcleo Holográfico) y B (Disección por Capas) del paquete North Star. --- *OUT-EL-VIS-LinkedIn-RedViva-Fuentes-v01 · IB-EL-EmpowerLabs/SVA-EL-UltraSherpas · 2026-07-24 · Owner: Anahí Martínez · Sherpa: AniX*