Patterns

Patterns enhance design creativity by adding an SVG layer on top of the base design. This allows for dynamic customization, giving users control over color adjustments, transparency, and seamless tiling.

This guide explains how to enable/disable patterns, upload custom patterns, and explore available pattern libraries.

---

1️⃣ Enabling or Disabling Patterns

To control whether patterns are used in your designs, go to:

• Customizer > Global > Navigation
• Locate the Pattern Toggle option
• Enable or disable patterns based on your design needs

📌 Example: If you want to focus only on solid colors and graphics, you may choose to disable pattern layering.

---

2️⃣ Using Patterns in Your Designs

Patterns can be applied effortlessly in the Patterns Section:

• Navigate to Patterns
• Browse the preloaded patterns or upload your own
• Click on a pattern to apply it to your design

💡 For the best results, patterns should:
✅ Be in SVG format – This ensures they remain scalable and color-customizable
✅ Be seamless – For a smooth, continuous design effect

---

3️⃣ Adding Custom Patterns

To add a new pattern, follow these steps:

1️⃣ Open the Patterns Section in the Customizer
2️⃣ Click "Upload Pattern"
3️⃣ Select an SVG file and confirm the upload
4️⃣ Your pattern will be immediately available in your pattern list

📌 Pattern Guidelines:

• Use SVG format for the ability to change colors dynamically
• Ensure the design is seamless for the best visual effect
• Keep file sizes optimized to maintain performance

---

4️⃣ Explore Our Pattern Library

We provide 30 preloaded patterns, ranging from:
✅ Geometric shapes – Clean, structured designs
✅ Organic patterns – Natural, flowing elements

These starter patterns help you create professional-looking designs instantly, but you are free to add your own unique styles.

---

5️⃣ Where to Find High-Quality Patterns

If you need additional patterns, there are various sources where you can find ready-to-use SVG patterns or generate custom ones:

🛠 Paid Pattern Libraries

🔗 Repper Pattern Generator – Create high-quality, customizable patterns

🎨 Free Pattern Resources

🔗 Freepik Patterns – A vast collection of free SVG patterns

---

✅ Summary & Next Steps

✔️ Enable or disable patterns in Global Navigation
✔️ Use the preloaded 30+ patterns or upload your own SVGs
✔️ Ensure seamless SVG designs for best layering effects
✔️ Explore paid & free pattern libraries for more design possibilities