--- # 📘 Análisis — BRANDBOOK LPDI 2025 --- ## Resumen Ejecutivo Documento de identidad visual (Brand Guidelines) para **La Punta del Iceberg (LPDI)**, una marca del ecosistema emprendedor/startup. Define logo, isotipo, paleta cromática (primaria, secundaria, pilares), tipografía (Outfit), reglas de colaboración con otras marcas (eventplus.app, etc.), y sistema de iconografía/imágenes generadas por IA (prompts para ChatGPT/Sora). Es un brandbook completo y bien estructurado orientado a garantizar consistencia visual en todos los canales. --- ## Módulos/Features Identificados | # | Módulo | Descripción | Tallaje | |---|--------|-------------|---------| | 1 | **Logo & Isotipo** | Logo principal, isotipo, construcción geométrica, versiones monocromáticas | S | | 2 | **Zona de seguridad** | Reglas de espaciado (x2, x0.5) para logo e isotipo | S | | 3 | **Paleta primaria** | 4 colores (Brandeis Blue, Deep Navy, Turquoise, White) con valores HEX/CMYK/RGB | S | | 4 | **Paleta secundaria** | 4 colores asociados a roles (Voluntarios=Spring Green, Embajadores=Vivid Sky Blue, Argonautas=Cornflower Blue, Turquoise) | S | | 5 | **Colores de pilares** | 4 colores temáticos para RRSS: Podcast (Bright Pink), Convocatorias (Icterine), Webinar (Tropical Indigo), + Bright Green (sin asignar) | S | | 6 | **Aplicaciones cromáticas del logo** | Reglas de uso sobre fondos claros, oscuros, degradados e imágenes | S | | 7 | **Tipografía (Outfit)** | Familia completa (9 pesos: Thin→Black), jerarquía tipográfica para títulos/subtítulos/cuerpo | S | | 8 | **Colaboraciones — eventplus.app** | Co-branding con eventplus.app, posicionamiento "powered by", reglas específicas | S | | 9 | **Colaboraciones — Otras marcas** | Reglas generales de co-branding (separación 500px, línea divisoria, versiones mono) | S | | 10 | **Uso de colores en colaboraciones** | Dominancia azul + color acento de marca aliada, degradados suaves | S | | 11 | **Sistema de iconografía (cristales/barcos)** | Prompts IA para generar íconos 3D de cristal azul translúcido (1:1), reglas de uso | M | | 12 | **Sistema de imágenes** | Prompts IA para generar escenas 3D (16:9), mismo estilo cristal/hielo, reglas de composición | M | --- ## Dependencias entre Módulos ``` Logo & Isotipo ──→ Zona de seguridad │ ├──→ Paleta primaria ──→ Aplicaciones cromáticas del logo │ │ │ ├──→ Paleta secundaria (roles) │ └──→ Colores de pilares (RRSS) │ ├──→ Tipografía ──→ Jerarquía visual │ ├──→ Colaboraciones eventplus ──→ Uso colores colaboraciones ├──→ Colaboraciones otras marcas ──→ Uso colores colaboraciones │ └──→ Iconografía (cristales/barcos) ──→ Sistema de imágenes ``` - Los módulos de **colaboraciones** dependen de las reglas de logo + paleta primaria. - **Iconografía e imágenes** comparten la misma base estética (prompt IA) y dependen de la paleta institucional. --- ## Riesgos y Alertas | # | Riesgo | Severidad | |---|--------|-----------| | ⚠️ R1 | **Bright Green (#88ff56) sin asignación temática** — Los 3 pilares asignados son Podcast, Convocatorias, Webinar. El cuarto color (Bright Green) aparece sin categoría. ¿Pilar pendiente o reservado? | Media | | ⚠️ R2 | **Dependencia de IA generativa para assets visuales** — Iconos e imágenes dependen de prompts para ChatGPT/Sora. La reproducibilidad exacta no está garantizada; variaciones entre sesiones/modelos pueden romper consistencia. | Alta | | ⚠️ R3 | **Sin reglas de accesibilidad (a11y)** — No hay contraste mínimo definido (WCAG), no hay alt-text guidelines, no hay consideraciones para daltonismo. Dado el uso intensivo de azules/turquesas, usuarios con deuteranopía podrían tener dificultades. | Media | | ⚠️ R4 | **Sin especificaciones digitales concretas** — No define tamaños mínimos de logo en px, resoluciones para web/app, formatos de archivo (SVG, PNG, etc.), ni naming conventions para assets. | Media | | ⚠️ R5 | **Paginación inconsistente** — La página "29" del PDF contiene contenido etiquetado como "28", y la sección "Brand Icons + Images" aparece etiquetada como "Brand Collaborations" en la pág. 29. Error de maquetación. | Baja | --- ## Decisiones Pendientes (requieren input del cliente/Roberto) | # | Decisión | Bloqueante | |---|----------|------------| | 🔵 D1 | ¿A qué pilar de contenido corresponde **Bright Green (#88ff56)**? | No | | 🔵 D2 | ¿Se necesita un **asset library estático** (exportaciones deterministas) además de los prompts IA? Para garantizar consistencia en implementaciones digitales. | Sí, si hay desarrollo web/app | | 🔵 D3 | ¿Existen **formatos y tamaños definidos** para cada canal (web, app, RRSS, print)? El brandbook no los especifica. | Depende del alcance | | 🔵 D4 | ¿El brandbook necesita **traducirse a design tokens** (variables CSS/Figma) para implementación técnica? | Sí, si hay desarrollo frontend | | 🔵 D5 | ¿Las reglas de **co-branding con eventplus.app** son exclusivas o aplican también a otros partners tecnológicos futuros? | No | --- ## Vista Consolidada ### Distribución de Tallaje | Tallaje | Cantidad | Módulos | |---------|----------|---------| | **S** | 10 | Logo, zona seguridad, paleta primaria, paleta secundaria, colores pilares, aplicaciones cromáticas, tipografía, colab. eventplus, colab. otras marcas, colores en colaboraciones | | **M** | 2 | Sistema iconografía, sistema imágenes | | **L** | 0 | — | | **Total** | **12** | | > ⚠️ **Nota**: El brandbook es un documento de especificación/norma, no de desarrollo. Los tallajes reflejan la complejidad de **implementar** cada módulo como sistema digital (design tokens, componentes, asset pipeline). ### Top 3 Riesgos 1. **🔴 Dependencia de IA generativa** — Sin assets estáticos versionados, la consistencia visual es frágil. Cada regeneración puede producir variaciones. 2. **🟡 Sin especificaciones digitales** — Falta de tamaños mínimos, formatos de archivo y design tokens impide una implementación técnica directa. 3. **🟡 Sin reglas de accesibilidad** — Paleta azul/turquesa intensiva sin validación WCAG puede generar problemas de contraste en interfaces digitales. ### Decisiones Críticas Bloqueantes | Decisión | Por qué bloquea | |----------|-----------------| | **D2 — Asset library estático** | Sin esto, cualquier desarrollo web/app que necesite los iconos/imágenes no tiene fuente determinista de assets | | **D4 — Design tokens** | Si hay frontend, sin tokens no se puede implementar el sistema de colores/tipografía de forma mantenible |