Theme and Design Customization

Make your invitation uniquely yours! You can change everything from colors, fonts, and backgrounds to music and animations.

Finding Theme Settings

1. Left area of the editing screen
2. Click the "Theme Settings" tab at the top
3. Various customization options will be displayed

---

Theme Presets

You can apply a ready-made theme all at once:

16 presets are available:

After selecting a preset, you can adjust colors, fonts, and more individually, or choose Custom to set every value yourself.

---

Changing Colors

Color Picker

Click any color item in the theme settings to open:

• Color picker: choose a color visually
• HEX code: enter one directly (e.g. #FFB6C1)

Colors You Can Change

Color Combination Tips

Romantic: Primary pink (#FFB6C1) + Background ivory (#FFFAF0)

Modern: Primary black (#000000) + Accent gold (#FFD700)

Natural: Primary green (#8FBC8F) + Background beige (#F5F5DC)

---

Font Settings

Global Font Settings

The default font applied to the entire invitation.

In Theme Settings > Font Selection:

1. Font selection: choose a font from the dropdown
2. Font size slider: adjust the overall font size ratio (0.5x ~ 2.0x)
3. Text alignment: left / center / right (overall default)

24 fonts are available in English. A few of the most-used ones:

Also available: Lora, Raleway, Merriweather, Crimson Text, EB Garamond, Roboto, Josefin Sans, Cinzel, Pacifico, Alex Brush, Pinyon Script, Parisienne, La Belle Aurore, Homemade Apple, DM Serif Display, Permanent Marker, Limelight, Barriecito.

Per-Section Font Override

You can set a font or size different from the global setting for each section!

Select a section from the left sidebar, then in that section's editing area:

Usage examples:

Example 1: Serif font for the greeting only

• Global font: Montserrat
• Greeting section: individual font → Cormorant Garamond (formal feel)
• Other sections: keep the global setting

Example 2: Larger title on the main screen only

• Global size ratio: 1.0 (default)
• Hero section: individual size ratio → 1.5 + enable "Apply to title only"
• Result: only the Hero title is 1.5x larger; body text stays at the default size

Example 3: Left alignment for the gallery section only

• Global alignment: center
• Gallery section: individual alignment → left
• Other sections: keep center alignment

Global vs. Per-Section Priority

Section's individual setting (if present) > Global setting

• If a section has an individual font set → that section uses its individual font
• If a section has no individual setting → the global setting applies
• If "Apply to title only" is enabled → the title uses the individual setting, and the body uses the global setting

---

Choosing a Layout

The layout determines your invitation's overall structure and mood. Which layouts you can choose depends on the template's category, and new ones are added regularly. Some of the most-used ones for personal events:

The layout affects the main screen (Hero) and overall structure. The default layout is set when you choose a template, but you can change it while editing.

---

Background Settings

Background Pattern

You can add various background patterns:

• Style: full background or border only
• Fixed background: option to keep the background fixed while scrolling
• 24 pattern images available, from plain gradients to textured paper

Background Video

You can add moving background effects:

17 effects are available, including:

Also available: Eucalyptus, Confetti Cannon, Color Paper, Particle, Bulb, Microwave, and more.

• Loop playback: set whether it repeats
• Background patterns and video can be used together

---

Background Music

You can set music to play automatically when the invitation is opened.

Preset Music

31 tracks are built in, so you can pick one without preparing your own file. A few examples:

• Acoustic Piano: gentle piano, ballad style
• Romantic Jazz: warm and mellow
• Sophisticated: refined acoustic
• Bossa Nova: light and breezy
• City Pop: retro and upbeat
• Traditional: classical, formal feel
• First Birthday: bright and playful, made for first birthday parties

Each track can be previewed in the editor before you choose.

Custom Music

You can enter a URL for your own music file.

Playback Settings

---

Scroll Animations

You can set an effect for how each section appears while scrolling.

Use the on/off toggle to control scroll animations overall.

---

Section Frame

Oval Frame

You can wrap the section wrapper in an oval frame:

• Opacity slider to adjust frame intensity (0~1)
• Frame can be disabled per section ("Disable frame" option)

---

Text Alignment

Global Alignment

Choose the default text alignment for the entire invitation in theme settings:

• Left align: modern, magazine-like feel
• Center align: traditional and stable (default)
• Right align: for special designs

Per-Section Alignment

Each section can override the global alignment. For example, everything can be center-aligned while only the greeting is set to left align.

---

Responsive Design

All theme settings are automatically optimized for desktop and mobile:

• Automatic font size adjustment
• Responsive image sizes
• Automatic spacing and margin adjustment
• Optimized button touch areas

Mobile check tips:

• Check the preview on the right after editing
• Also check on an actual phone after saving

---

Completion Checklist

• Choose a theme preset or custom colors
• Set global font & size
• Override font/size for sections that need it
• Check the layout style
• Set background pattern/video (optional)
• Set background music (optional)
• Set scroll animation
• Check on desktop + phone
• Save!

Need Help?

Next Steps

• Hero Section Settings - Check that it matches your colors
• Gallery Settings - Check overall harmony
• Sharing Your Invitation