Assets Visuales — Campaña NutriNen Abril 2026

Guía de creación de assets para cada post de LinkedIn.

Branding de la Serie

Colores

Tipografía

• Títulos: Inter Bold o Poppins Bold
• Código: JetBrains Mono o Fira Code
• Body: Inter Regular

Logo / Marca

• Logo NutriNen en esquina inferior derecha
• URL nutrinen.com en última slide de carruseles
• "by Cadences" en texto pequeño (gris neutro)
• Sin logos de terceros (OpenAI, Anthropic, Google)

Tono visual vs Claude Code

Especificaciones por Formato

Carrusel LinkedIn (PDF)

• Tamaño: 1080 × 1350 px (4:5)
• Slides: 6-12 máximo
• Estructura:
  • Slide 1: Portada con hook visual + emoji relevante
  • Slides 2-N: Contenido (1 idea = 1 slide)
  • Penúltima: CTA conversacional
  • Última: Branding + URL + "by Cadences"
• Exportar como: PDF
• Fondo slides: #0f172a con orb verde blur

Infográfico / Diagrama

• Tamaño: 1200 × 1200 px (cuadrado) o 1200 × 1500 px (portrait)
• Herramientas: Figma, Canva, Excalidraw
• Estilo: Fondo oscuro, bordes verdes (#5ec722), flechas blancas, iconos coloridos
• Especial para NutriNen: incluir ilustraciones baby-friendly (no stock photos genéricas)

Code Snippet (imagen)

• Herramienta: carbon.now.sh o ray.so
• Config Carbon:
  • Background: #0f172a
  • Theme: Night Owl
  • Font: Fira Code 16px
  • Padding: 64px
  • Window controls: None
  • Language: JavaScript

Screenshot de App

• Formato: Mockup de móvil (device frame)
• Herramienta: mockuphone.com o shots.so
• Resolución: 1242 × 2688 (iPhone) o 1080 × 2340 (Android)
• Recortar: Solo la escena relevante, sin barra de status
• Sombra: Drop shadow suave para destacar sobre fondo oscuro

Asset List por Post

Fase 1 — "La Historia" (7-11 Abril)

Fase 2 — "La Tecnología" (14-18 Abril)

Fase 3 — "El Growth" (21-25 Abril)

Fase 4 — "El Cierre" (28-30 Abril)

Plantillas Reutilizables

Plantilla Carrusel NutriNen (Canva/Figma)

┌─────────────────────┐
│                     │
│   [Emoji grande]    │
│                     │
│   TÍTULO BOLD       │
│   (máx 6 palabras)  │
│                     │
│   ─── línea ───     │
│                     │
│   Subtítulo o dato  │
│                     │
│   Slide N / Total   │
│                     │
│   [logo pequeño]    │
└─────────────────────┘
Fondo: #0f172a (+ orb verde blur)
Título: #ffffff (Inter Bold 48px)
Acento: #5ec722
Número: #10b981
Emoji: nativo grande (64-80px)

Plantilla Diagrama (Mermaid)

%%{init: {'theme': 'dark', 'themeVariables': {
  'primaryColor': '#5ec722',
  'primaryBorderColor': '#10b981',
  'primaryTextColor': '#f1f5f9',
  'lineColor': '#94a3b8',
  'secondaryColor': '#1e293b',
  'tertiaryColor': '#0f172a'
}}}%%
flowchart TD
    A[Input] -->|proceso| B[Output]
    style A fill:#5ec722,stroke:#10b981,color:#fff
    style B fill:#1e293b,stroke:#5ec722,color:#fff

Plantilla Screenshot App

Pasos para mockup:
1. Abrir nutrinen.com/app/ en Chrome DevTools (mobile view)
2. Navigate to escena deseada
3. Screenshot (sin barra de navegación)
4. Subir a shots.so → seleccionar device frame
5. Fondo: #0f172a
6. Shadow: soft, 30% opacity
7. Exportar 1200×1500 PNG

Herramientas Recomendadas

Checklist Pre-Publicación

Para cada post, verificar:

• Asset creado en tamaño correcto (1080×1350 carrusel, 1200×1200 infográfico)
• Texto legible en móvil (mín 24px para títulos)
• Colores consistentes con branding verde (#5ec722)
• Sin logos de terceros (OpenAI, Anthropic, Google)
• URL nutrinen.com visible en última slide
• PDF exportado para carruseles (no imágenes sueltas)
• Screenshots de app en device mockup (no raw screenshots)
• Alt text preparado para accesibilidad
• Preview en LinkedIn mockup antes de publicar
• Primer comentario preparado con link correcto