Skip to content

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 ​

  1. Go to Theme Settings > Colors.
  2. Scheme 1: This is usually your Default Light Mode (White background, Black text).
  3. Scheme 2: This is often your Dark Mode or Accent (Black background, White text).
  4. 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.

  1. Click on a section (e.g., Image with Text) in the editor.
  2. Look for the Color Scheme setting on the right.
  3. Change it from Scheme 1 to Scheme 2 or Scheme 3.
  4. 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.

Released under the MIT License. | Contact: 15845605353@qq.com