Customizing Colors and Fonts

Personalizing Your Website's Look

Every wedding has a unique color palette and style. Here's how to make your website match perfectly.

Accessing Design Settings

1. From your dashboard, go to Settings > Design
2. You'll see options for colors, fonts, and styling
3. Changes preview in real-time as you make them
4. Click Save when you're happy with the results

Color Customization

Primary Color

Your primary color appears in:

• Headers and titles
• Buttons and links
• Accent elements
• Navigation highlights

Choosing your primary: Pick your main wedding color — often from your flowers, bridesmaids' dresses, or invitations.

Secondary Color

Your secondary color is used for:

• Subtle backgrounds
• Border accents
• Secondary buttons
• Decorative elements

Choosing your secondary: Select a complementary shade that pairs well with your primary color.

Accent Color

Small pops of accent appear in:

• Icons and highlights
• Hover states
• Special callouts
• Interactive elements

Choosing your accent: This can be a metallic (gold, silver, rose gold) or a contrasting color from your palette.

Using Color Picker Tools

Our color picker lets you:

• Enter exact HEX codes (e.g., #B94448 for blush)
• Use RGB values for precise matching
• Pick from a color palette visually
• Save custom color presets

Pro Tip: Many florists and stationers can provide exact color codes from your invitations or flowers!

Font Selection

Choose from our curated font pairings:

Classic Pairings:

• Playfair Display + Lato (elegant serif + clean sans)
• Cormorant + Montserrat (refined + modern)
• Libre Baskerville + Source Sans (traditional + readable)

Modern Pairings:

• Josefin Sans + Open Sans (contemporary + versatile)
• Raleway + Merriweather (stylish + classic)
• Poppins + Roboto (clean + friendly)

Romantic Pairings:

• Great Vibes + Nunito (script + soft)
• Sacramento + Lato (calligraphy + simple)
• Dancing Script + Source Sans (whimsical + readable)

Best Practices

For Colors:

• Stick to 2-3 main colors for cohesion
• Ensure text has enough contrast against backgrounds (we'll warn you if contrast is too low)
• Test colors on both desktop and mobile
• Consider how colors look in photos vs. on screen

For Fonts:

• Use script fonts sparingly (headers only)
• Ensure body text is easy to read
• Check font sizing on mobile devices
• Keep it consistent across all pages

Matching Your Invitations

For a cohesive look:

1. Ask your stationer for the fonts and colors used in your invitations
2. If you have a digital copy, use a color picker tool to extract exact shades
3. Choose similar (not necessarily identical) fonts from our selection
4. Upload invitation graphics to your gallery for a unified feel

Reset to Default

Changed your mind? No problem:

1. Go to Settings > Design
2. Click Reset to Template Defaults
3. Your template's original colors and fonts will be restored
4. Your content remains unchanged

Remember: You can experiment freely — save different variations and compare before making a final decision!