🚀 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:
🌐 Live Demo:
📚 Theme Documentation:
—
👀 I’d love to hear your thoughts:
هل شايف إن Modular Themes هي مستقبل الـE-commerce Stores؟
ولا لسه الـPre-built Templates هي الاختيار الأفضل للتجار؟
👇 Let me know what you think!