How to set global fonts and color themes

Design & Styling

🔤 How to Set Global Fonts and Color Themes in Meshup Editor

Setting global fonts and color themes ensures your entire website has a consistent, professional style. In the Meshup Editor, you can easily apply font styles and colors across all pages with just a few clicks. Here’s how:

✅ Steps to Set Global Fonts and Color Themes

  • 1. Log In to Your Meshup Editor Account
    Open your website project from the Meshup dashboard.Login Screenshot
  • 2. Open the Global Design Settings
    Look for a Design , Theme , or Site Styles option in the main menu. 🔍 Pro Tip: In some layouts, it’s a paintbrush icon or a "Design" tab at the top of the editor. Global Design Settings Screenshot
  • 3. Set Your Global Fonts
    In the Fonts section:
    • Choose a font for headings (H1, H2, H3…)
    • Choose a font for body text
    • Adjust size, weight, and line spacing
    Set Global Fonts Screenshot
  • 4. Set Your Global Color Theme
    In the Colors section:
    • Select a primary color (used for buttons, links, key accents)
    • Select secondary colors
    • Set text colors for light and dark backgrounds
    Set Global Colors Screenshot
  • 5. Preview Your Changes
    Use the preview mode to check how your font and color settings look on desktop, tablet, and mobile.Preview Global Design Screenshot
  • 6. Save & Publish
    Meshup Editor autosaves your settings, but click Publish to make the changes live across your site.Publish Global Design Screenshot

🧠 Bonus Tips

  • Font Pairing: Use a bold font for headings and a clean, simple font for body text.
  • Brand Colors: Stick to 2–3 main colors to keep your design cohesive.
  • Accessibility: Ensure enough contrast between text and background colors for easy readability.

Once your global fonts and colors are set, your entire website will automatically follow the same style, making design changes quicker and more consistent.