# Diseño de pitch deck: un estilo que aguanta veinte diapositivas [Canonical HTML page](https://gradiently.design/es/guide/pitch-deck-design) La mayoría de las presentaciones se ven bien durante tres diapositivas y se desmoronan hacia la octava. La solución es un sistema: un puñado de tipos de diapositiva, cada uno con un fondo que sabe cuál es su función. ## The short version - Un buen diseño de pitch deck nace de un sistema de cuatro a seis tipos de diapositiva, no de diseñar veinte diapositivas una a una. - Los fondos deben ser más intensos en las diapositivas de título y de sección y más discretos en las de contenido y datos, donde deben quedar por detrás de la información. - Una escala tipográfica, una retícula y un color de acento usados igual en cada diapositiva hacen que una presentación parezca diseñada. - Los colores de los gráficos deben salir de la paleta de la marca, con el acento reservado para el único número o la única barra que demuestra la idea. - Las presentaciones se suelen construir en 16:9, a 1920×1080, y se revisan en PDF porque así las leerán muchos inversores. Un buen **diseño de pitch deck** es un sistema, no veinte diseños distintos. Decide de cuatro a seis tipos de diapositiva, como título, sección, contenido, datos, cita y cierre, da a cada uno una composición fija y un fondo de la intensidad adecuada, y construye todas las diapositivas a partir de esos tipos. El resultado se ve coherente de la primera diapositiva a la última, es más rápido de editar cuando cambian las cifras y mantiene la atención en la historia en lugar de en la decoración. Una diapositiva de título panorámica que dice Nóminas que se hacen solas sobre un fondo degradado intenso La diapositiva de título: el fondo a toda intensidad… Una diapositiva de datos panorámica con una sola cifra grande sobre una versión más tranquila del mismo degradado …y una diapositiva de datos, donde el mismo fondo da un paso atrás. La empresa, las cifras y los textos de estas diapositivas son ilustraciones, no datos reales. Los principios valen sea cual sea tu historia. ## Tamaños de diapositiva para un pitch deck - 16:9, 1920×1080: 1920 × 1080 - 4:3, 1600×1200: 1600 × 1200 Construye en 16:9 salvo que sepas que la presentación se verá en una pantalla 4:3 antigua. Casi todas las pantallas, proyectores y videollamadas son panorámicos, así que el 16:9 a 1920×1080 es la opción por defecto. Una presentación 4:3 a 1600×1200 deja bandas negras en la mayoría de las pantallas. Elige una al principio: convertirla después obliga a recomponer todas las diapositivas. ## Los tipos de diapositiva que forman un sistema | Tipo de diapositiva | Función | Intensidad del fondo | | --- | --- | --- | | Título | Nombre, promesa en una línea, ronda o fecha | Máxima: la marca en su versión más atrevida | | Sección | Señala un capítulo nuevo: problema, producto, mercado | Máxima o alta, con una palabra o una frase | | Contenido | Una idea con un titular y unas pocas líneas | Discreta: una zona tranquila detrás del texto | | Datos | Un gráfico o un número grande | La más discreta: casi plana para que mande el gráfico | | Cita o equipo | Una frase de un cliente, caras y cargos | Media | | Cierre | La petición y los datos de contacto | Máxima, como eco del título | Seis tipos de diapositiva cubren casi cualquier presentación. Los fondos se vuelven más discretos a medida que la información se hace más densa. Este ritmo, intenso en los bordes de cada sección y tranquilo en el medio, da pulso a la presentación. Quien la ve siente que empieza un capítulo nuevo sin que se lo digan, y las diapositivas densas siguen siendo fáciles de leer. [La jerarquía visual](https://gradiently.design/es/guide/visual-hierarchy) explica por qué importa tanto un único punto focal claro por diapositiva. ## Fondos que quedan por detrás del contenido Un fondo que compite con las palabras es el error más común en una presentación. La solución es usar una sola familia de fondos con distintas intensidades: color pleno en el título y una variación más oscura o suave en las diapositivas de contenido, con la zona más tranquila detrás del texto. Mantén los mismos colores en todo momento para que las diapositivas más discretas sigan pareciendo de la misma presentación. [Fondos para presentaciones](https://gradiently.design/es/guide/presentation-backgrounds) tiene más ideas sobre los fondos en sí. - Título y sección: máxima: `linear-gradient(135deg, #0b1d3a, #1d4ed8 55%, #38bdf8)` - Cita y equipo: media: `linear-gradient(135deg, #0b1d3a, #13306b 60%, #1e3a8a)` - Contenido y datos: discreta: `linear-gradient(180deg, #0b1d3a, #0f2547)` Una familia de marino a azul cielo en tres intensidades. La versión discreta sigue encajando, pero no compite con un gráfico. En Gradiently esto viene de serie: un Mark sabe dónde están las palabras, coloca detrás del texto su zona más tranquila y con mejor contraste y suaviza el detalle cargado cerca de las letras, así que las diapositivas de contenido se leen bien sin necesidad de otro fondo. ## Reglas de tipografía, retícula y color para una presentación 1. **Define una escala tipográfica** Elige tres tamaños y no te salgas de ellos: uno para titulares, uno para el texto y uno pequeño para fuentes y notas. En una diapositiva de 1920×1080, el texto muy por debajo de 28 px cuesta de leer en una pantalla compartida. 2. **Fija los márgenes** Usa el mismo margen exterior en todas las diapositivas y alinea los titulares en la misma posición. Cuando un titular salta de una diapositiva a otra, la presentación se siente inestable. 3. **Un titular por diapositiva, escrito como la idea** «Los ingresos se triplicaron en seis meses» dice más que «Ingresos». El titular es la frase que quieres que se recuerde. 4. **Un color de acento, usado para una sola cosa** Reserva el color más brillante para lo que destaca: el número clave, la barra que importa, la petición. Si todo está destacado, nada lo está. 5. **Dos fuentes como mucho** Una tipografía display para los titulares y una sans clara para todo lo demás. [Combinar fuentes](https://gradiently.design/es/guide/font-pairing) repasa combinaciones que funcionan. ## Diseño de gráficos y diapositivas de datos Los gráficos son donde las presentaciones pierden su estilo, porque las herramientas de gráficos traen sus propios colores por defecto. Sustitúyelos por una paleta sacada de la familia de fondos de la presentación: tonos apagados para las series de contexto y el acento para la que demuestra tu idea. Quita las líneas de cuadrícula que no necesites, etiqueta los valores directamente en lugar de usar una leyenda y da a cada gráfico un titular que enuncie la conclusión. - Fondo marino: #0b1d3a - Azul profundo: #1e3a8a - Pizarra de contexto: #64748b - Bruma de contexto: #cbd5e1 - Acento azul cielo: #38bdf8 Una paleta de gráficos sacada de la presentación: las series de contexto en pizarra y bruma, y el acento reservado para el número que importa. ### Evita - Un fondo distinto en cada diapositiva - Fondos cargados y brillantes detrás de los gráficos - Los colores de gráfico por defecto de la hoja de cálculo - Titulares que solo nombran el tema - Texto pequeño que desaparece en una pantalla compartida ### Haz - Una familia de fondos en tres intensidades - Fondos casi planos en las diapositivas de datos - Colores de gráfico sacados de la paleta de marca - Titulares que enuncian la idea - Texto de unos 28 px o más a 1920×1080 ## Exportar y compartir la presentación Mucha gente leerá tu presentación como PDF en un portátil o en el móvil en lugar de verla presentada, así que revisa el PDF exportado y no solo las diapositivas en el editor. Asegúrate de que las fuentes están incrustadas o el texto convertido, de que los degradados no se han escalonado y de que cada diapositiva se entiende sin que tú la expliques. Si la presentación se abre con una vista previa de enlace, también ayuda una buena [imagen Open Graph](https://gradiently.design/es/guide/open-graph-image-size) de 1200×630 hecha a partir de la diapositiva de título. Por último, deja el sistema por escrito: tipos de diapositiva, colores, fuentes y tamaños. Convierte la próxima presentación, y cada actualización de esta, en un montaje y no en un diseño, y es el germen de una [guía de estilo de marca](https://gradiently.design/es/guide/brand-style-guide). ## FAQ ### ¿Qué tamaño debe tener un pitch deck? Constrúyelo en 16:9, a 1920×1080 píxeles. Encaja en pantallas modernas, proyectores y videollamadas sin bandas negras. ### ¿Cuántas fuentes debe usar un pitch deck? Dos como mucho: una para titulares y otra para el texto, con tres tamaños fijos usados con coherencia. ### ¿Las diapositivas de un pitch deck deben tener fondos cargados? Solo las de título, sección y cierre. Las de contenido y datos necesitan fondos discretos para que mande la información. ### ¿Cómo mantengo coherente un pitch deck? Diseña de cuatro a seis tipos de diapositiva con composiciones y fondos fijos, y construye todas las diapositivas a partir de ellos en lugar de diseñar cada una por separado. ### ¿Qué colores deben usar los gráficos de una presentación? Colores de la propia paleta de la presentación: tonos apagados para el contexto y un solo color de acento para el dato que sostiene el argumento.