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

---

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.

---

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