Personalización de tema y diseño
Aprende a personalizar tu invitación con colores, fuentes, fondos, música y animaciones para adaptarla a tu estilo.
Personalización de tema y diseño
¡Dale a tu invitación un toque único! Puedes cambiar colores, fuentes, fondos, música y animaciones.
Cómo encontrar la configuración de tema
- Área izquierda de la pantalla de edición
- Haz clic en la pestaña "Configuración de tema" en la parte superior
- Se mostrarán varias opciones de personalización
Orden recomendado: Primero completa todo el contenido y luego configura el tema. Con el contenido ya presente es más fácil comprobar si los colores y las fuentes combinan bien.
Temas predefinidos
Puedes aplicar un tema predefinido de una sola vez:
Hay 16 temas predefinidos disponibles:
| Tema | Estilo |
|---|---|
| Minimal | Limpio y simple |
| Classic | Tradicional y formal |
| Brown | Cálido y sereno |
| Spring | Fresco y luminoso |
| Blue | Sereno y despejado |
| Lavender | Suave y delicado |
| Pink | Encantador y romántico |
| Dark | Profundo y dramático |
| Vivid | Vibrante y enérgico |
| Lemon | Alegre y ligero |
| Mint | Fresco y refrescante |
| Cherry | Vistoso y festivo |
| Sage | Natural y sereno |
| Charcoal | Moderno y sobrio |
| Slate | De tonos fríos y sofisticado |
| Indigo | Profundo y elegante |
Después de elegir un tema predefinido puedes ajustar colores, fuentes, etc. de forma individual, o elegir Personalizado para definir tú mismo todos los valores.
Cambiar colores
Selector de color
Al hacer clic en cada elemento de color en la configuración de tema:
- Selector de color: elige un color visualmente
- Código HEX: introdúcelo directamente (por ejemplo, #FFB6C1)
Colores que puedes cambiar
| Elemento | Se aplica a |
|---|---|
| Primary (principal) | Títulos, botones, puntos de énfasis, iconos |
| Secondary (secundario) | Subtítulos, elementos secundarios |
| Accent (acento) | Elementos de énfasis especial |
| Background (fondo) | Color de fondo general |
| Surface (superficie) | Fondos de tarjetas y secciones |
| Text Primary | Texto principal |
| Text Secondary | Texto secundario |
| Text Muted | Texto atenuado, subtítulos |
| Border | Líneas divisorias, bordes |
Consejos de combinación de colores
Romántico: Primary rosa (#FFB6C1) + Background marfil (#FFFAF0)
Moderno: Primary negro (#000000) + Accent dorado (#FFD700)
Natural: Primary verde (#8FBC8F) + Background beige (#F5F5DC)
Configuración de fuentes
Configuración de fuente global
La fuente predeterminada aplicada a toda la invitación.
En Configuración de tema > Selección de fuente:
- Selección de fuente: elige el tipo de letra que quieras en el menú desplegable
- Control deslizante de tamaño de letra: ajusta la proporción general del tamaño de fuente (0.5x ~ 2.0x)
- Alineación de texto: izquierda / centro / derecha (valor predeterminado general)
Hay 25 fuentes disponibles en español. Algunas de las más usadas:
| Fuente | Estilo | Recomendada para |
|---|---|---|
| Montserrat | Moderna y limpia, muy legible | Invitaciones modernas |
| Playfair Display | Elegante y sofisticada | Invitaciones formales |
| Cormorant Garamond | Serif clásica y refinada | Invitaciones clásicas |
| Lato | Suave y cómoda, cercana | Invitaciones cálidas |
| Great Vibes | Caligrafía vistosa | Invitaciones de boda |
| Dancing Script | Aspecto manuscrito | Invitaciones informales |
También están disponibles: Lora, Raleway, Merriweather, Crimson Text, EB Garamond, Roboto, Josefin Sans, Cinzel, Pacifico, Alex Brush, Pinyon Script, Parisienne, Ibarra Real Nova, La Belle Aurore, Homemade Apple, DM Serif Display, Permanent Marker, Limelight, Barriecito.
La lista de fuentes cambia según el idioma en el que estés editando. El coreano, el japonés y el vietnamita tienen sus propios conjuntos de fuentes, así que el desplegable siempre muestra las que se ven correctamente en ese idioma.
Puedes usar hasta 2 fuentes. Usar demasiadas fuentes puede afectar la coherencia visual.
Fuente personalizada por sección
¡Puedes asignar una fuente o tamaño distinto de la configuración global a cada sección!
Selecciona la sección deseada en la barra lateral izquierda y, en el área de edición de esa sección:
| Configuración | Descripción |
|---|---|
| Fuente individual | Aplica una fuente distinta solo a esa sección (independiente de la fuente global) |
| Proporción de tamaño individual | Ajusta la proporción de tamaño de fuente solo para esa sección (independiente del tamaño global) |
| Aplicar solo al título | Al activarlo, la fuente/tamaño se aplica solo al título de la sección (h2); el cuerpo mantiene la configuración global |
| Alineación individual | Define la alineación de texto de esa sección de forma distinta a la configuración global |
Ejemplos de uso:
Ejemplo 1: Fuente serif solo en el saludo
- Fuente global: Montserrat
- Sección de saludo: fuente individual → Cormorant Garamond (estilo formal)
- Resto de secciones: mantienen la configuración global
Ejemplo 2: Título más grande solo en la pantalla principal
- Proporción de tamaño global: 1.0 (predeterminado)
- Sección principal (Hero): proporción de tamaño individual → 1.5 + activar "Aplicar solo al título"
- Resultado: solo el título del Hero es 1.5 veces más grande; el cuerpo mantiene el tamaño predeterminado
Ejemplo 3: Alineación a la izquierda solo en la sección de galería
- Alineación global: centro
- Sección de galería: alineación individual → izquierda
- Resto de secciones: mantienen la alineación al centro
Prioridad: configuración global frente a la de sección
Configuración individual de la sección (si existe) > Configuración global
- Si una sección tiene una fuente individual asignada → esa sección usa la fuente individual
- Si una sección no tiene configuración individual → se aplica la configuración global
- Si se activa "Aplicar solo al título" → el título usa la configuración individual y el cuerpo, la configuración global
Se recomienda usar la personalización de fuente por sección solo en las secciones que necesiten un énfasis especial. Así puedes destacar puntos concretos sin perder la coherencia general.
Elegir el diseño (layout)
El diseño determina la estructura y el ambiente general de la invitación. Los diseños disponibles dependen de la categoría de la plantilla y se añaden nuevos con regularidad. Algunos de los más usados en eventos personales:
| Diseño | Características |
|---|---|
| Basic | Diseño básico, simple y limpio |
| Arch | Marco en forma de arco, estilo elegante |
| Celebration | Ambiente festivo, decoración vistosa |
| DateReveal | Enfocado en la fecha, los números destacan |
| ElegantArch | Arco refinado, aspecto lujoso |
| GoldBorder | Borde dorado, lujoso |
| ModernMinimal | Minimalista, resalta los espacios en blanco |
| Party | Ambiente de fiesta, dinámico |
| Polaroid | Estilo foto Polaroid |
| Romantic | Romántico, curvas suaves |
El diseño afecta a la pantalla principal (Hero) y a la estructura general. El diseño predeterminado se define al elegir la plantilla, pero puedes cambiarlo mientras editas.
Configuración de fondo
Patrón de fondo
Puedes añadir varios patrones de fondo:
- Estilo: fondo completo o solo el borde
- Fondo fijo: opción para que el fondo permanezca fijo al hacer scroll
- 24 imágenes de patrón disponibles, desde degradados simples hasta texturas de papel
Video de fondo
Puedes añadir efectos de fondo animados. Hay 17 efectos disponibles:
| Efecto | Descripción |
|---|---|
| Blossom | Animación de pétalos cayendo |
| Snow | Efecto de nieve cayendo |
| Confetti | Confeti cayendo desde arriba |
| Aurora | Luz de aurora en movimiento |
| Fireflies | Puntos de luz flotantes |
| Bubble | Burbujas que ascienden |
| Candle | Luz de vela parpadeante |
| Butterfly | Mariposas revoloteando |
| Feather | Plumas cayendo |
También están disponibles: Eucalyptus, Confetti Cannon, Color Paper, Particle, Bulb, Microwave y más.
- Reproducción en bucle: define si se repite
- El patrón de fondo y el video se pueden usar al mismo tiempo
Música de fondo
Puedes configurar música para que se reproduzca automáticamente al abrir la invitación.
Música predefinida
Hay 31 pistas incluidas, así que no necesitas preparar tu propio archivo. Algunos ejemplos:
- Acoustic Piano: piano suave, estilo balada
- Romantic Jazz: cálido y envolvente
- Sophisticated: acústica sofisticada
- Bossa Nova: ligero y fresco
- City Pop: retro y animado
- Traditional: clásica, de aire formal
- First Birthday: alegre y desenfadado, pensado para primeros cumpleaños
Puedes escuchar cada pista en el editor antes de elegirla.
Música personalizada
Puedes introducir la URL de tu propio archivo de música.
Configuración de reproducción
| Configuración | Descripción |
|---|---|
| Reproducción automática | Se inicia automáticamente al abrir la invitación (puede estar restringido según la política del navegador) |
| Bucle | Se repite desde el principio al terminar |
| Volumen | Control deslizante para ajustar el volumen de 0 a 100% |
La mayoría de los navegadores móviles bloquean la reproducción automática sin interacción del usuario. La música comenzará cuando el invitado toque la invitación.
Animaciones de scroll
Puedes configurar el efecto con el que aparece cada sección al hacer scroll.
| Efecto | Descripción |
|---|---|
| Slide | Aparece deslizándose de abajo hacia arriba |
| Blur-Fade | Aparece con fundido, de borroso a nítido |
| Ninguno | Se muestra al instante, sin efecto |
Puedes controlar las animaciones de scroll en general con el interruptor de activar/desactivar.
Marco de sección
Marco ovalado
Puedes envolver el contenedor de una sección con un marco ovalado:
- Control deslizante de opacidad para ajustar la intensidad del marco (0~1)
- El marco se puede desactivar en cada sección (opción "Desactivar marco")
Alineación de texto
Alineación global
Elige la alineación de texto predeterminada para toda la invitación en la configuración de tema:
- Alineación izquierda: aspecto moderno, tipo revista
- Alineación centrada: tradicional y estable (valor predeterminado)
- Alineación derecha: para diseños especiales
Alineación por sección
Cada sección puede sobrescribir la alineación global. Por ejemplo, el resto puede estar centrado mientras que solo el saludo se configura con alineación izquierda.
Diseño responsivo
Toda la configuración de tema se optimiza automáticamente para escritorio y móvil:
- Ajuste automático del tamaño de fuente
- Tamaño de imágenes responsivo
- Ajuste automático de espaciado y márgenes
- Áreas táctiles de botones optimizadas
Consejos para verificar en móvil:
- Revisa la vista previa a la derecha después de editar
- Después de guardar, verifica también en un teléfono real
Lista de verificación final
- Elegir un tema predefinido o colores personalizados
- Configurar fuente y tamaño globales
- Sobrescribir fuente/tamaño en las secciones que lo necesiten
- Revisar el estilo de diseño
- Configurar patrón/video de fondo (opcional)
- Configurar música de fondo (opcional)
- Configurar animación de scroll
- Verificar en escritorio y móvil
- ¡Guardar!
¿Necesitas ayuda?
Si tienes dificultades con la configuración del diseño, contáctanos a través de Contactar con soporte.
Próximos pasos
- Configuración de la sección principal - Comprueba que combine con los colores
- Configuración de la galería - Verifica la armonía general
- Compartir tu invitación