9 min leídointermediateÚltima actualización: 11 may 2026

Cinematic Template — Guía completa

Cinematic es la segunda plantilla ultra premium de la biblioteca de Fotify. Mientras que Atelier se inspira en la papelería tipográfica (letterpress), Cinematic toma referencias de pósters de cine, tarjetas de título y revistas editoriales de cine: fotografía a sangre (full-bleed), tipografía display dinámica, barras letterbox, contadores de fotogramas y botones tipo ticket.

Esta guía explica cómo se ve Cinematic, los controles de personalización exclusivos de la plantilla, cómo desbloquearla para tu evento y el tratamiento a medida que aplica a cada sección de tu invitación.

Para ver un resumen de la biblioteca estándar de plantillas y la interfaz del selector, consulta Cómo personalizar tu invitación RSVP.

Qué hace diferente a Cinematic

Las plantillas estándar controlan colores, fuentes y efectos mediante variables CSS — todas comparten el mismo diseño subyacente. Cinematic es diferente: sustituye por completo los diseños de las secciones con tratamientos artesanales tipo póster de cine, incluye su propia tipografía display (Bebas Neue + Inter) y ofrece controles de personalización específicos de la plantilla más allá de los controles estándar de color y fuente.

Elementos de diseño característicos

  • Portada cinematográfica con letterbox — fotografía principal a sangre con una gradación de color tipo foco (spotlight) tintada, barras negras superior e inferior con "FOTIFY PRESENTS" y los metadatos de fecha/ubicación, y un título en Bebas Neue escalado según tu ajuste de Title Weight
  • Tipografía display dinámica — Bebas Neue (la clásica tipografía de póster de cine) para todos los títulos; Inter para el cuerpo del texto para que los momentos display lleven el dramatismo
  • Fotografía con gradación de color — cada foto de la página adquiere un tinte sutil que coincide con tu ajuste de Color Grade (Golden Hour / Cool Blue / Monochrome / Vivid)
  • Contadores de fotogramas en todas partes — capítulos de la historia numerados como "FR. 01 / 12" o "ACT I / XII" según tu ajuste de Frame Numbers
  • Ornamentos de claqueta — un SVG de claqueta usado como divisor entre secciones
  • Superposición de grano de película de 35mm — textura sutil de grano animado sobre toda la página; se puede desactivar
  • Botones de calendario tipo ticket — forma de entrada de cine con borde perforado y un número de serie para cada proveedor de calendario
  • Galería tipo tira de película — la sección Gallery se muestra como fotogramas en letterbox con rieles de perforaciones arriba y abajo; cada fotograma lleva la leyenda "SC. 03 / 12"
  • Itinerario tipo créditos — el Itinerary se convierte en un "Running Order" con encabezados por día ("DAY 01 / FRIDAY"), marcas de tiempo estilo contador de fotogramas y títulos de eventos tipo créditos
  • Regalos como créditos de producción — la sección Registry se lee como los créditos finales de una película, con etiquetas de departamento ("PRODUCTION · REGISTRIES", "FINANCE · GIFTS OF FUNDS")
  • Ubicación como plano de establecimiento — el mapa se renderiza dentro de un marco de visor con escuadras en las esquinas; la dirección del lugar aparece en una tarjeta tipo claqueta al lado

Cuándo elegir Cinematic

Cinematic está pensada para eventos en los que la invitación debe sentirse como un largometraje — un momento de llegada, un póster en una pared:

  • Bodas modernas — especialmente bodas de destino, bodas en la montaña o cualquier evento donde quieras un "póster de película tipo moodboard" en lugar de papelería tradicional
  • Cumpleaños de hitos (40, 50, 60) — el dramatismo de Cinematic acompaña mejor las celebraciones de hitos que la papelería recargada
  • Fiestas de aniversario y renovaciones de votos — el diseño de Story como Actos hace que una línea de tiempo de varias décadas se lea de forma preciosa
  • Estrenos, lanzamientos y aperturas — inauguraciones de galerías, proyecciones, lanzamientos de producto, aperturas de restaurantes
  • Galas corporativas y eventos clave de empresa — cenas de gala anuales, fiestas por IPO, aniversarios de fundadores
  • Cócteles con una identidad visual marcada — cenas de Halloween, galas de Nochevieja, noches temáticas de disfraces

Es menos apropiada para reuniones informales, cumpleaños infantiles, baby/bridal showers en jardín y cualquier caso en el que el lenguaje visual deba sentirse íntimo o artesanal más que cinematográfico.

Aplicar Cinematic a tu evento

  1. Abre la pestaña Customize en el panel de tu evento
  2. Desplázate más allá de la galería estándar de plantillas hasta la sección Premium al final
  3. Haz clic en la tarjeta Cinematic
  4. El selector muestra el panel de personalización — ajusta los controles (ver más abajo)
  5. Guarda

Volver a una plantilla estándar en cualquier momento no es destructivo; el contenido de tu evento se mantiene exactamente como lo introdujiste. Los controles específicos de Premium se guardan por separado, así que si vuelves más adelante, tu configuración de Cinematic permanecerá intacta.

Nota: Cinematic está en beta. Publicaremos más plantillas premium en próximas versiones, y es posible que ajustemos la tipografía y los detalles de Cinematic en función de los comentarios iniciales.

Derecho premium (quién puede usar Cinematic)

Cinematic es una plantilla de nivel premium y solo se puede guardar en eventos con derecho de pago:

  • Eventos de pago (con coste en créditos) — los eventos que usan tus créditos de evento tienen derecho automáticamente
  • Eventos de suscripción con una suscripción activa — los eventos dentro de tu suscripción activa o de su periodo de gracia tienen derecho
  • Eventos gratuitos — el selector muestra Cinematic bloqueada con una sugerencia de actualización; puedes verla, pero el servidor rechaza el guardado con un 403

El selector también se deshabilita para eventos que no tienen derecho de pago, con un tooltip que apunta a la página de precios.

Controles de personalización

Cinematic ofrece siete controles específicos de plantilla además de los controles estándar de color y fuente de Fotify.

1. Title card text

El titular que se muestra en la portada cinematográfica. Déjalo en blanco para usar el nombre de tu evento. Es útil cuando quieres un título más corto o dramático que el nombre del evento — por ejemplo, el nombre del evento "Anna & Frederick's wedding weekend" se convierte en el título "Anna & Frederick".

2. Tagline

Una línea en versalitas por encima del título. Ejemplos: "a celebration in two acts", "the love story, continued", "a feature presentation", "now playing for one night only". Déjalo en blanco para ocultarlo.

3. Color grade

El tinte tipo foco aplicado a la portada y a los titulares. Cuatro gradaciones:

  • Golden Hour (predeterminado) — ámbar cálido; calidez cinematográfica de golden hour
  • Cool Blue — cian/azul marino; ambiente más sombrío, con estética tipo Drive
  • Monochrome — blanco y negro de pantalla de plata; contraste puro
  • Vivid — acento de póster rojo intenso; vibra A24 / Wes Anderson

4. Paper tone

La base de la página:

  • Obsidian (predeterminado) — negro profundo; teatro clásico
  • Bone — marfil; póster de cine impreso
  • Gravel — gris oscuro; sobriedad con peso

La gradación de color interactúa con el tono del papel — Golden Hour sobre Obsidian es el valor predeterminado y el que se siente más "de cine"; Vivid sobre Bone da un look de póster audaz.

5. Frame numbers

Estilo de numeración para capítulos y créditos:

  • Decimal (#01) — estética moderna de contador de fotogramas
  • Roman (I, II) — formalidad de estructura por actos
  • Hidden — portada limpia sin números de capítulo

6. Title weight

Qué tan grande se renderiza la tarjeta de título:

  • Display — moderado, aun así cinematográfico; bueno para títulos largos
  • Banner (predeterminado) — grande, escala de póster
  • Epic — de borde a borde, impacto máximo; mejor para títulos cortos

7. Film grain overlay

Activa o desactiva la sutil superposición de grano de película 35mm. Activada por defecto. Desactivarla puede ayudar en dispositivos de gama baja donde la animación se sienta pesada.

Cómo se trata cada sección

Cover

La portada de Cinematic sustituye por completo el encabezado estándar. Se renderiza como una fotografía a sangre (la foto de invitación de tu evento) con:

  • Barras letterbox superior e inferior con "FOTIFY PRESENTS" / "A FEATURE CELEBRATION" / la fecha / la ubicación
  • Un foco con gradación de color tintado según el Color Grade seleccionado
  • Tu Tagline en versalitas sobre el título
  • Tu Title (Bebas Neue con el Title Weight seleccionado)
  • Un adorno de claqueta + fecha + lugar debajo

Si no hay una foto de evento configurada, la portada usa un fondo con el tono de papel, con la gradación tipo foco igualmente aplicada.

Story

Cada hito se convierte en un Act — colocación de foto alternando izquierda/derecha, un contador de fotogramas ("FR. 03 / 12" o "ACT III"), foto en letterbox con gradación de color en 21:9, título del acto en Bebas Neue y descripción en Inter.

Countdown

Cada unidad (Days / Hours / Minutes / Seconds) se renderiza como un frame tile con una etiqueta "FR. 01" en la esquina superior izquierda, un número grande en Bebas Neue y una etiqueta en versalitas debajo. Con borde de línea fina y un degradado sutil que sugiere película.

RSVP

Se renderiza como una casting-call card con una corona tipo claqueta, ceja "CASTING CALL", título "You're Cast" en Bebas Neue, la fecha límite en cursiva y versalitas, y luego el formulario RSVP estándar reestilizado con campos de línea fina y un botón de envío tipo ticket con borde de acento.

Gallery (Carousel)

Diseño de filmstrip: rieles de perforaciones arriba y abajo, un fotograma principal 21:9 y luego una cuadrícula 3-up de fotogramas adicionales. Cada fotograma recibe una etiqueta "SC. 03 / 12" y un filtro sutil de contraste/saturación para sensación de copia en película.

Location

Un establishing shot: el mapa se renderiza dentro de un marco de visor con escuadras en las esquinas, junto a una tarjeta tipo claqueta con la ceja "ON LOCATION", una dirección en Bebas Neue y el bloque de indicaciones separado por una línea fina.

Save the Date (Calendar)

Tres botones ticket-stub (Google / Apple / Outlook), cada uno con un número de serie "NO. 001", puntos de perforación en el borde y un cambio de acento al pasar el cursor.

Itinerary

Se renderiza como Running Order — cada día recibe un encabezado "DAY 01 / FRIDAY" y luego los eventos aparecen como filas tipo créditos con líneas finas entre ellas, un contador de fotogramas en versalitas, la hora en Bebas Neue y los detalles del evento a la derecha.

Gifts

Diseño Production Credits — tres bloques por departamento (Registries / Monetary / Charity), cada uno con una etiqueta en versalitas del tipo "PRODUCTION · REGISTRIES", elementos numerados (contadores decimales), títulos de elementos en Bebas Neue y botones con borde de acento para enlaces externos y copiar.

Event Details

Production Notes — el dress code se muestra como una cita destacada entre líneas finas en versales de Bebas Neue. Accommodation se renderiza como tarjetas tipo claqueta con etiquetas en las esquinas ("HOTEL"). Transportation se lee como filas tipo call-sheet. FAQs como Q & A estilo guion con prefijos de acento "Q · " y respuestas con una línea fina a la izquierda.

Message

El texto de invitación del anfitrión se renderiza con una ceja en versalitas "OPENING MONOLOGUE" y una capitular mediante CSS ::first-letter en el color de acento de Bebas Neue. Texto del cuerpo en Inter a 1.08rem para legibilidad tipo programa de cine.

Secciones que heredan (no reciben un diseño a medida)

Algunas secciones todavía se renderizan mediante el kit predeterminado y heredan la capa de pulido de Cinematic:

  • Photo Upload — botones tipo ticket con borde de acento, campos de línea fina
  • QR Code — placa con borde de acento alrededor del QR
  • Table Assignment — tratamiento tipo ticket para el botón de búsqueda/CTA
  • Custom sections — encabezados en Bebas Neue, cuerpo en Inter, reglas de línea fina

La capa de pulido hace que se sientan dentro de la plantilla sin requerir una reescritura completa del layout. Añadiremos overrides a medida para estas en una versión futura si hay demanda.

Estado beta

Cinematic se publica en beta junto con Atelier. Esto significa:

  • Estable para uso en producción — lo hemos probado en las 10 secciones a medida y en las heredadas
  • Es probable que evolucione — podríamos refinar la tipografía (un peso display más contundente), añadir más gradaciones de color y ajustar el efecto de foco según los datos de uso
  • Vienen más plantillas premium — Maison (hand-lettered), Riviera (coastal art deco), Onyx (speakeasy noir) son las siguientes

Si detectas algo que deba pulirse, envía tus comentarios mediante el widget de ayuda del panel.

Preguntas frecuentes

P: ¿Puedo usar Cinematic en una boda que no sea de destino? R: Sí — Cinematic funciona para cualquier boda moderna, especialmente cuando quieres una sensación de póster más que de papelería tradicional.

P: ¿Cómo se ve Cinematic en móvil? R: Está diseñada mobile-first. Las barras letterbox se mantienen; el título se reduce para ajustarse; la tira de película se colapsa a una sola columna; el itinerario tipo running order pasa a vertical. Cada sección es totalmente responsive.

P: ¿Cambiar a Cinematic hará que pierda mis datos? R: No. Todo el contenido de tu evento (nombre del evento, fotos, story, formulario RSVP, gifts, itinerary, etc.) se conserva al cambiar de plantilla. La personalización específica de Cinematic (title card text, color grade, etc.) también se conserva si cambias a otra y luego vuelves.

P: ¿Puedo personalizar la gradación de color con mis propios códigos hex? R: No en beta. Hemos ajustado manualmente las cuatro gradaciones (Golden Hour / Cool Blue / Monochrome / Vivid) para que se sientan auténticamente cinematográficas. Si necesitas una paleta específica, contáctanos para una plantilla premium a medida.

P: ¿Cinematic funciona para un evento que no sea boda (gala corporativa, cumpleaños de hito)? R: Sí. El Title Card Text, la Tagline y la Story estructurada por actos funcionan para cualquier formato de evento. Configura Tagline con algo como "a milestone celebration" o "annual gala" en lugar de "a celebration in two acts".

P: ¿La superposición de grano de película ralentiza teléfonos antiguos? R: Está acelerada por GPU y probada hasta Android de gama media de 2018. Si tu público usa dispositivos muy antiguos, puedes desactivar Film Grain en el panel de personalización.

P: ¿Mis invitados pueden seguir subiendo fotos y usando el código QR con Cinematic? R: Sí. Todas las funciones de Fotify (photo upload, QR code, RSVP, table assignment, custom sections) siguen funcionando — heredan la tipografía y el acabado de Cinematic mediante la capa de pulido.

Próximos pasos

¿Necesitas ayuda? Ponte en contacto mediante el widget de ayuda dentro del panel.

¿Te resultó útil este artículo?

Artículos relacionados