Theme and Design Customization

Make your invitation uniquely yours! Customize colors, fonts, and layout to match your style.

Finding Theme Settings

Where to Customize?

Location:

1. Left editing area
2. Click "Theme Settings" tab at top
3. Multiple customization options displayed

Main Settings:

• Primary Colors
• Fonts (Typography)
• Layout
• Effects

Changing Primary Colors

Change the main color scheme of your entire invitation.

Selecting Main Color

Areas Affected:

• Title and subtitle colors
• Button colors
• Accent point colors
• Icon colors

How to Select Colors:

Method 1: Preset Colors

Romantic Pink Classic Blue Warm Gold Natural Green Modern Black Pure White

1. Click "Primary Color" section
2. Select from preset colors
3. Applies immediately when clicked!

Method 2: Custom Colors

1. Click "Custom Color"
2. Color picker appears
3. Click desired color
4. Or enter HEX code (e.g., #FFB6C1)
5. Click "Apply" button

Selecting Secondary Color

Harmonize with your main color!

Areas Affected:

• Section backgrounds
• Divider lines
• Small text colors

Selection Tips:

• Lighter tone than main color
• Or different color from same family
• Not too much contrast

Color Preview

Always check after changing colors!

Check:

• Is text clearly visible?
• Does it match well with photos?
• Is it too harsh on the eyes?
• Does overall harmony look good?

Test Method:

1. Scroll through right preview
2. Check all sections
3. Verify on mobile too

Changing Fonts (Typography)

Dramatically changes the feel of your invitation!

English Fonts

Available Fonts:

1. Noto Sans

Clean and modern feel Excellent readability Displays well on all devices

• Style: Sans-serif, Gothic feel
• Recommended: Modern invitations, simple design

2. Noto Serif

Luxurious and traditional feel Looks formal Perfect for weddings

• Style: Serif font
• Recommended: Classic invitations, elegant feel

3. Playfair Display

Elegant and sophisticated Beautiful serif details Perfect for formal events

• Style: Decorative serif
• Recommended: Luxury weddings, elegant style

4. Montserrat

Modern and clean Geometric shapes Professional appearance

• Style: Sans-serif, geometric
• Recommended: Contemporary design, minimal aesthetic

5. Dancing Script

Handwritten calligraphy style Romantic and personal Artistic flair

• Style: Script, cursive
• Recommended: Romantic invitations, artistic design

Font Size Adjustment

Adjustable Elements:

• Title size: 24-48px
• Body text size: 14-18px
• Small text: 12-14px

Method:

1. Use "Font Size" slider
2. Drag left or right
3. Real-time preview

Recommended Sizes:

• Mobile-friendly size: 16px
• Too small is hard to read
• Too large looks cluttered

Layout Styles

Choose the overall arrangement style of your invitation.

Style 1: Center Aligned

Title

Bride ♥ Groom

March 15, 2025

Content text centered

More content centered

Features:

• All elements centered
• Symmetrical and stable
• Traditional and versatile

Recommended:

• Classic weddings
• Traditional feel
• Safe choice!

Style 2: Left Aligned

Title

Bride ♥ Groom

March 15, 2025

Content text aligned left

More content aligned left

Features:

• All elements left-aligned
• Modern and sophisticated
• Magazine-like feel

Recommended:

• Contemporary design
• Simple invitations
• Minimalist aesthetic

Style 3: Card Style

Card 1 Title Bride ♥ Groom 2025-03-15

Card 2 Content More content

Features:

• Each section in card format
• Cleanly separated
• Clear distinction

Recommended:

• Lots of information
• Emphasize readability
• Modern design

Adjusting Spacing and Margins

Give your design breathing room!

Section Spacing

Spacing Options:

• Narrow: 10-20px

  • Compact feel
  • When there's lots of info

• Normal: 30-40px (default, recommended)

  • Just right spacing
  • Most versatile

• Wide: 50-80px

  • Spacious and luxurious
  • Fits minimal design

Side Margins

Options:

• Narrow: Fill entire screen
• Normal: Moderate margins
• Wide: Focus on center

Background Style

Background Color

Options:

• White: Clean and bright
• Ivory: Warm and soft
• Beige: Natural and comfortable
• Light gray: Modern and sophisticated

Background Pattern

Available:

• None (solid color)
• Subtle texture
• Wave pattern
• Flower pattern (subtle)

How to Apply:

1. Go to "Background" section
2. Select pattern
3. Adjust opacity (10-30% recommended)
4. Too strong makes text hard to read!

Button Styles

Button Shape

Styles:

• Rounded corners: Soft feel
• Sharp corners: Modern feel
• Fully rounded: Cute and casual
• Underline only: Minimal

Button Colors

Options:

• Use primary color (automatic)
• Specify custom color
• Gradient effect

Animation Effects

Add movement to your invitation!

Page Transition Effects

Options:

• Fade in: Gradually appears
• Slide up: Rises from bottom
• None: Instant display

Recommended:

• Fade in is most versatile
• Avoid overly flashy effects

Hover Effects

When mouse hovers over elements!

Buttons:

• Color change
• Slight enlargement
• Shadow appears

Photos:

• Zoom in
• Brighten
• Filter change

Theme Presets

Apply pre-made themes all at once!

Preset 1: Romantic Pink

Settings:

• Main color: Pink (#FFB6C1)
• Font: Noto Sans
• Layout: Center aligned
• Background: Ivory
• Effect: Falling petals

Feel: Lovely and romantic

Preset 2: Modern Black

Settings:

• Main color: Black
• Secondary: Gold
• Font: Noto Serif
• Layout: Left aligned
• Background: Pure white
• Effect: None

Feel: Sophisticated and luxurious

Preset 3: Natural Green

Settings:

• Main color: Green
• Font: Montserrat
• Layout: Center aligned
• Background: Beige
• Effect: Subtle animation

Feel: Natural and comfortable

Preset 4: Classic Blue

Settings:

• Main color: Navy
• Font: Noto Serif
• Layout: Center aligned
• Background: White
• Effect: None

Feel: Traditional and trustworthy

Responsive Design

Works on all screen sizes!

Auto-Adjusted

Automatically adjusted:

• Font sizes
• Image sizes
• Spacing and margins
• Button sizes

Manual adjustment needed:

• Hide specific sections (on mobile)
• Change image order

Mobile Optimization Tips

Checklist:

• Text size sufficient? (minimum 14px)
• Buttons easy to tap? (minimum 44x44px)
• Images load quickly?
• No horizontal scrolling?

Completion Checklist

Theme settings complete!

• Primary color selected
• Font selected (1-2 only)
• Layout style chosen
• Spacing and margins adjusted
• Background style set
• Checked on desktop
• Checked on mobile
• Got feedback from others
• Saved!

Next Steps

Once your theme is complete!

Go back and verify:

• Hero Section - Does it match with colors?
• Gallery - Check overall harmony

Final touches:

• Share Settings
• Final check and publish