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. - 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. - 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
- 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
- 5. Preview Your Changes
Use the preview mode to check how your font and color settings look on desktop, tablet, and mobile. - 6. Save & Publish
Meshup Editor autosaves your settings, but click Publish to make the changes live across your site.
🧠 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.