# Marketing para indie hackers: gráficos de lanzamiento sin diseñador [Canonical HTML page](https://gradiently.design/es/guide/indie-hacker-launch-graphics) Construiste el producto tú solo. Los gráficos que lo venden son un trabajo mucho más pequeño de lo que parece: cinco piezas, un estilo y palabras que digan qué hace. ## The short version - El marketing de un indie hacker depende de un pequeño conjunto de gráficos: una imagen Open Graph, una cabecera de X, publicaciones para el día del lanzamiento y una plantilla repetible para construir en público. - La imagen Open Graph mide 1200×630 píxeles y aparece en cada enlace que compartes, así que hazla antes de contarle a nadie lo del producto. - Una cabecera de X mide 1500×500 píxeles y la foto de perfil tapa parte de su esquina inferior izquierda, así que aleja las palabras de esa zona. - Un gráfico de lanzamiento funciona mejor con una sola frase que diga qué hace el producto y para quién, en menos de ocho palabras. - Usar el mismo fondo, la misma fuente y la misma composición en todas las piezas hace que un producto en solitario parezca consolidado y ayuda a que tus seguidores reconozcan tus novedades. Un buen **marketing para indie hackers** vive de un puñado de gráficos que haces una vez y reutilizas durante meses: una imagen Open Graph para que cada enlace compartido se vea acabado, una cabecera de X, un anuncio para el día del lanzamiento y una plantilla para tus novedades de construir en público. Ninguno necesita un diseñador. Necesitan los tamaños correctos, un estilo coherente y una frase que diga lo que hace el producto en menos de ocho palabras. Esta página cubre las tres cosas y termina con una lista para la semana de lanzamiento que puedes completar esta misma noche. ## Los gráficos de lanzamiento que de verdad necesita un indie hacker Los fundadores en solitario suelen saltarse los gráficos por completo o pasar una semana con una ilustración para la landing en la que nadie se fija. El término medio útil es corto. Estas son las piezas que la gente va a ver de verdad, en el orden en que las verá. | Pieza | Tamaño | Dónde la ve la gente | Cuándo hacerla | | --- | --- | --- | --- | | Imagen Open Graph | 1200×630 | Cada enlace que compartes en X, LinkedIn, Slack, Discord y en mensajes | Antes de contárselo a nadie | | Cabecera de X | 1500×500 | Tu perfil, que la gente abre tras una buena respuesta | Dos semanas antes | | Publicación en X o Bluesky | 1600×900 | La publicación de lanzamiento y las de hitos | Semana de lanzamiento | | Publicación vertical en LinkedIn | 1080×1350 | La publicación de lanzamiento para un público profesional | Semana de lanzamiento | | Tarjeta de construir en público | 1080×1350 | Novedades semanales en X, Threads y LinkedIn | Una vez, y luego cada semana | Cinco piezas cubren casi cualquier lanzamiento indie. Product Hunt indica el tamaño de su galería en el formulario de lanzamiento, así que compruébalo allí y reutiliza tus formatos horizontales. - Open Graph 1200×630: 1200 × 630 - Cabecera de X 1500×500: 1500 × 500 - Publicación en X 1600×900: 1600 × 900 - Vertical 1080×1350: 1080 × 1350 Las cuatro formas dibujadas a escala. La cabecera es una franja estrecha, y una publicación vertical ocupa mucha más pantalla del móvil que una horizontal. ## Empieza por la imagen Open Graph La imagen Open Graph es la que aparece cuando alguien pega tu enlace. Es el gráfico más visto que vas a hacer nunca, porque la lleva cada vez que se comparte, cada respuesta con tu URL y cada mención en una newsletter. Sin ella, las plataformas muestran una tarjeta gris vacía o un recorte aleatorio de tu página. Las reglas completas están en [el tamaño de la imagen Open Graph](https://gradiently.design/es/guide/open-graph-image-size); la versión corta es 1200×630, nombre del producto, una frase y texto grande en el centro. Una imagen de vista previa de enlace de 1200 por 630 que dice Facturas que se reclaman solas, con el nombre del producto Paperweight encima Una imagen Open Graph para una app de facturación imaginaria: nombre, promesa y nada más. Se sigue leyendo cuando se reduce a miniatura en una respuesta. Después, añade las etiquetas al head de tu página. La mayoría de los frameworks tienen un sitio para ellas, pero estas son las que importan: ```html ``` Usa una URL absoluta para la imagen. Pon una versión en el nombre del archivo, porque las plataformas guardan en caché las vistas previas y un nombre nuevo fuerza una nueva. Si tu producto tiene muchas páginas que merece la pena compartir, como perfiles públicos o informes, genera una imagen por página en lugar de una para todo el sitio. La mayoría de los frameworks pueden renderizarlas bajo demanda a partir de una plantilla. ## Escribe las palabras antes de elegir los colores Los gráficos de lanzamiento indie fallan por las palabras mucho más a menudo que por el aspecto. Una frase como «el futuro de la productividad» no le dice nada a un desconocido que hace scroll. Una frase útil nombra la tarea y la persona: qué cambia para ella el lunes. Escribe diez versiones, léelas en voz alta y quédate con la más sencilla. [Escribir textos para piezas visuales](https://gradiently.design/es/guide/writing-copy-for-visuals) tiene más formas de recortar una frase. ### Evita - «El futuro de la productividad» - «Plataforma con IA para equipos modernos» - «Ya está aquí la versión 1.0» sin ninguna pista de qué es - Seis funciones apretadas en una sola imagen - Una captura completa en la que el texto de la interfaz no se lee ### Haz - «Facturas que se reclaman solas» - «Alertas de caída que te escriben primero» - «Ya disponible» más la frase que lo explica - Una función por imagen, en secuencia - Un recorte ajustado de una parte de la interfaz, ampliado ## Elige un estilo y mantenlo en todas las piezas Los productos indie se confunden entre sí porque muchísimos recurren al mismo degradado de violeta a azul y a la misma sans geométrica. Está bien para un proyecto de fin de semana y es un problema para algo que quieres que la gente recuerde. Elige un color de fondo, una luz o acento y una fuente, y úsalos en todas partes: la web, la imagen OG, la cabecera, cada publicación. Un estilo que repites durante meses es lo que hace que un producto de una sola persona se sienta como una empresa. - Fondo oscuro, luz verde azulada: `radial-gradient(circle at 80% 20%, #14b8a6 0%, #134e4a 35%, #05100f 75%)` - Papel cálido: `linear-gradient(160deg, #f8f4ec 0%, #efe6d6 60%, #e2d3bb 100%)` - Fondo oscuro, luz de brasa: `radial-gradient(circle at 20% 80%, #f97316 0%, #7c2d12 40%, #1c0a05 80%)` Tres puntos de partida que evitan el violeta de siempre. Un fondo oscuro con un color iluminado va bien para herramientas de desarrollo; el papel cálido, para productos de escritura y finanzas. Si prefieres no mezclar el tuyo, un Mark del [Mercado de Gradiently](/market) es un fondo vivo ya hecho con su propia voz tipográfica. Puedes diseñar gratis con cualquier Mark sin reservar; reservarlo te convierte en su único dueño, así que solo tú puedes exportar con él y tu lanzamiento no puede coincidir con el de otro fundador. Reservar es un pago único que incluye el primer año de conservación; después, conservarlo es gratis con Pro o cuesta una cuota anual por Mark. Se renderiza de nuevo en cada tamaño y su zona más tranquila se coloca detrás de tus palabras, lo que mantiene legible un fondo con movimiento sin cajas ni sombras. ## Publicaciones de construir en público que se reconocen al hacer scroll Una novedad semanal es la columna vertebral de construir en público. Usa la misma composición cada semana, para que tus seguidores sepan que es tuya antes de leer una palabra. Empieza con un número real o una lección real, y publica también las semanas lentas: una semana plana contada con honestidad genera más confianza que una racha de victorias. Comparte solo números que sean ciertos. Una tarjeta vertical de construir en público que dice Semana 14, Primeros 100 usuarios, con una frase que promete qué funcionó y qué no Una semana de hito: el número es el titular, y el detalle promete la historia en el texto de la publicación. Una tarjeta vertical de construir en público que dice Semana 15, Tres cosas que he lanzado, con modo oscuro, importar CSV y búsqueda más rápida Una semana de lanzamientos en el mismo formato. Mismo fondo, misma tipografía, para que la serie se lea como una sola. Haz un mes de estas tarjetas de una sentada en lugar de una cada viernes. [Crear contenido para redes sociales por lotes](https://gradiently.design/es/guide/batch-create-social-media-content) explica el método. Dale a los grandes momentos, como el día del lanzamiento o un hito de ingresos, una composición propia para que destaquen del ritmo semanal. ## Tu cabecera y tu perfil de X La cabecera de X mide 1500×500. Tu foto de perfil queda sobre su esquina inferior izquierda y la franja se recorta de otra forma en el móvil, así que mantén las palabras en el centro y hacia la derecha. Pon ahí el nombre del producto, la frase y la URL, o nada más que tu estilo. Las zonas seguras exactas están en [el tamaño de la cabecera de X](https://gradiently.design/es/guide/x-header-size). Una cabecera ancha de X que dice Construyendo Paperweight en público con una dirección web debajo, a la derecha del centro Una cabecera que hace una sola cosa: decirle al visitante qué estás construyendo. Las palabras quedan en el centro derecha, lejos de la foto de perfil. ## Lista para la semana de lanzamiento 1. **Dos semanas antes: imagen OG y cabecera** Publica las metaetiquetas y pega tu URL en un mensaje privado a ti mismo para ver la vista previa real. 2. **Una semana antes: las palabras** Escribe la frase principal y tres frases de funciones. Cada frase de función se convierte en su propia imagen. 3. **Diseña un formato maestro** Haz la publicación de lanzamiento a 1600×900 con tu estilo, tu frase y un recorte de la interfaz. 4. **Saca de él los demás tamaños** Vuelve a componer el mismo diseño a 1080×1350 para LinkedIn y Threads y a 1080×1920 para historias, en lugar de recortar, con las palabras de la historia dentro de la [zona segura](https://gradiently.design/es/guide/social-media-safe-zones) central. [Adaptar a cada plataforma](https://gradiently.design/es/guide/one-look-every-size) explica por qué. 5. **Día del lanzamiento: una imagen por publicación** Publica, fíjala en tu perfil y responde a todo el mundo. Mantén la galería de Product Hunt con el mismo estilo para que quien llegue desde cualquiera de los dos sitios vea un solo producto. 6. **La semana siguiente: da las gracias** Cuenta qué pasó con números reales y qué vas a arreglar después. Esa publicación a menudo llega más lejos que el lanzamiento. Para ver el lanzamiento en conjunto, consulta [los gráficos para el lanzamiento de un producto](https://gradiently.design/es/guide/launch-day-graphics) y, si vendes software, [el branding para SaaS](https://gradiently.design/es/guide/saas-startup-branding). Si pasas la semana de lanzamiento en tu editor, Gradiently también funciona dentro de ChatGPT, Claude y otros asistentes compatibles con servidores MCP remotos: pide la publicación de lanzamiento al asistente que ya tienes abierto y el diseño se abre en el Studio para una última revisión. La configuración está en la [página de MCP](https://gradiently.design/es/developers/mcp). > **Prueba cada vista previa antes de publicar** Las plataformas guardan en caché las vistas previas de enlaces durante días. Comprueba la tuya primero en un mensaje privado y, si cambias la imagen más adelante, cambia también el nombre del archivo. ## FAQ ### ¿Qué tamaño debe tener una imagen Open Graph? 1200×630 píxeles. Mantén las palabras grandes y centradas, porque la imagen suele mostrarse como una miniatura pequeña. ### ¿Qué tamaño tiene una cabecera de X? 1500×500 píxeles. La foto de perfil se superpone abajo a la izquierda, así que mantén el texto en el centro y hacia la derecha. ### ¿Necesito un diseñador para un lanzamiento en Product Hunt? No. Necesitas una descripción clara de una línea, un estilo coherente y unas pocas imágenes horizontales que muestren una función cada una, y puedes hacerlas tú en una tarde. ### ¿Qué debe incluir una publicación de construir en público? Un número real o una lección real como titular, la misma composición cada semana y la historia en el texto de la publicación. Comparte las semanas lentas con la misma honestidad que las buenas. ### ¿Cómo mantengo coherentes los gráficos de lanzamiento? Elige un fondo, una fuente y una composición, y diseña cada tamaño a partir del mismo maestro en lugar de recortar una sola imagen.