🚀 Brackets — A Salla Theme Built Around Flexibility.
مش كل E-commerce Store محتاج Theme جديد…
أحيانًا اللي محتاج يتغير هو طريقة بناء الـTheme نفسها. 👀

وده كان أساس فكرة Brackets 🧩 — ثيم لـ Salla مبني كـ Modular Section System بدل الـfixed homepage التقليدي.

الفكرة ببساطة:

> ✨ Remove a section. The layout resolves itself.

يعني كل Section مستقلة، قابلة للترتيب والتخصيص، والـLayout بيتعامل تلقائيًا مع المساحات والـResponsive Behavior بدون manual pixel pushing أو الاعتماد على Developer في كل تعديل.

🧩 What’s inside Brackets?

🔹 22+ Modular Sections

Hero, Products, Categories, Tabs, Brands, Reviews, FAQ, Blog, Banners, Coupons, Services, Map, Contact وغيرها.

⚡ Performance-first
Optimized assets + Lazy Loading + lightweight structure.

📱 Mobile-first
كل Section اتصممت للـTouch والـMobile قبل الـDesktop.

🎨 Flexible Customization
Colors, Typography, Spacing, Radius, Buttons, Cards, Visibility & Section Ordering.

🔄 Dynamic Components
Sections مرنة تتعامل مع محتوى المتجر بدل ما تكون مجرد Static Layouts.

🔍 SEO-friendly
Semantic markup & structured data ضمن الـTheme foundation.

—

💡 The UX Problem We Wanted to Solve

واحدة من أكبر مشاكل الـTraditional Themes إن التاجر بيكون مقيد بالـLayout اللي الـTheme فرضه عليه.

عايز تشيل Banner؟

😵‍💫 تظهر مساحة فاضية.

عايز تغير ترتيب الـSections؟

🚫 محدود.

عايز تعمل Homepage مختلفة؟

👨‍💻 غالبًا هتحتاج Developer.

مع Brackets حاولنا نعكس المعادلة:

> 🎯 The merchant controls the storefront — not the template.

وده خلّى الـHomepage تتحول من Fixed Template إلى Flexible System.

—

🎨 And the Design System?

بنيناه من الأساس عشان كل حاجة تفضل Consistent وقابلة للتوسع:

Colors 🎨

Typography 🔤

Spacing 📐

Radius 🔘

Components 🧩

Sections 🧱

Responsive Rules 📱

كل ده تحت نفس الـVisual Language.

—

والأهم بالنسبة لي ❤️

إن المشروع مش مجرد “Theme Design”.

هو تجربة كاملة بدأت من:

UX → Information Structure → UI → Design System → Responsive Design → Performance → Salla Implementation

وده بالضبط النوع من المشاريع اللي بحبه:

مش بس نصمم حاجة شكلها حلو…

لكن نبني System يحل مشكلة حقيقية، ويكون Flexible وقابل للتوسع. 🚀

—

🔗 Behance Case Study:

https://lnkd.in/eTFuPJSq

🌐 Live Demo:

https://lnkd.in/eCRnuvkT

📚 Theme Documentation:

https://lnkd.in/eC93PCZY

—

👀 I’d love to hear your thoughts:

هل شايف إن Modular Themes هي مستقبل الـE-commerce Stores؟

ولا لسه الـPre-built Templates هي الاختيار الأفضل للتجار؟

👇 Let me know what you think!