Colors
Set the mood of your store with color schemes. Synergify makes it easy to keep your branding consistent.
Understanding Color Schemes
Instead of picking colors for every single button or text box, Synergify uses Color Schemes. Think of a scheme as a "package" of colors that look good together. You can create up to 8 different packages.
What's inside a Scheme?
- Background: The main background color of the section.
- Text: The color of headings and paragraphs.
- Solid Button: The background color of your main "Buy Now" buttons.
- Button Label: The text color inside the button.
- Outline Button: The border color for secondary buttons.
- Shadow: The color of drop shadows on cards.
How to Set Up Your Colors
- Go to Theme Settings > Colors.
- Scheme 1: This is usually your Default Light Mode (White background, Black text).
- Scheme 2: This is often your Dark Mode or Accent (Black background, White text).
- Scheme 3-8: Use these for specific sections you want to highlight (e.g., a blue background for your "About Us" section).
How to Apply Colors to Sections
Once you've set up your schemes, you can apply them to any section.
- Click on a section (e.g., Image with Text) in the editor.
- Look for the Color Scheme setting on the right.
- Change it from Scheme 1 to Scheme 2 or Scheme 3.
- Result: The entire section instantly changes colors to match your brand settings!
Tips for Beginners
- Contrast is King: Make sure your text is easy to read against the background. Dark text on light background (or vice versa).
- Less is More: Stick to 2-3 main colors. Using too many colors can make your store look messy.
- Brand Consistency: Use your exact brand Hex codes (e.g., #FF5733) for buttons to build recognition.
