WEB · HOME
Latest design
الصفحة الرئيسية للموقع الإلكتروني
التكوين الأحدث للـWeb Storefront مع Hero، discovery، الأقسام، العمر، المنتجات، gifting، العلامات والحملات ضمن layout مخصص للشاشات الواسعة.
Brand & Visual Direction
تجربة Kidzy يجب أن تبدو ممتعة، واضحة، ومحترفة — من أول نظرة.
الهوية البصرية مأخوذة من اللوجو الحقيقي: turquoise يقود، والبرتقالي والأخضر والماجنتا accents محسوبة. الـApp يبقى غنيًا ومليئًا بالاكتشاف، بينما الـCheckout والـAdmin أكثر هدوءًا وكثافة وظيفية.
Arabic-first · RTL
App + Web
LATEST APPROVED HOME DESIGNS
التصميم المحدث للصفحة الرئيسية — App + Web
هذه هي النسخة الأحدث المستخدمة الآن كمرجع بصري للـHome. المعاينة داخل التقرير تتيح فتح التصميم مباشرة من Figma بجودة عالية، مع نسخة صورة محلية كمرجع سريع، بالإضافة إلى رابط Figma الخارجي للمراجعة الكاملة.
1 معاينة داخل التقرير
2 فتح Figma مباشرة
APP · HOME
Latest design
الشاشة الرئيسية لتطبيق الجوال
النسخة الأحدث من Home للتطبيق: touch-first، discovery واضح، product cards مدمجة، gifting modules وbottom navigation.
ملاحظة المراجعة: الـWeb والـApp يشتركان في الـbusiness/content model، لكن كل واجهة لها composition مناسب لسياقها. لذلك هذه المعاينات تستخدم كمرجع بصري معتمد للـHome، وليست قاعدة لنسخ نفس الـlayout حرفيًا بين المنصتين.
RESPONSIVE BEHAVIOR
Responsive لا يعني Shrink
كل breakpoint يعيد ترتيب الأولويات. لا توجد خطوط 11px لإجبار المحتوى على الدخول في الشاشة، ولا عناوين عملاقة تبتلع أول viewport.
Desktop / Laptop
بحث واضح، navigation دائم، content width مضبوط، sections أفقية متنوعة، ومساحة أكبر للمقارنة والمراجعة.
Tablet
Two-column rhythm عند الحاجة، مع touch targets كبيرة وتبسيط الأدوات الثانوية.
Mobile
16px+ body text، أزرار 44px+، أقسام مركزة، وبطاقات تتحول لعمود واحد بدل ضغط النص.
VISUAL RULES
القواعد التي تحافظ على شكل Kidzy بدون فوضى
Image-led first impression
الصور والألعاب والمناسبات تحمل الطاقة البصرية. العنوان قصير، والـCTA واضح، ولا نضع paragraph طويل داخل Hero تجاري.
Controlled brand accents
Turquoise هو اللون الرئيسي. البرتقالي والأخضر والماجنتا تُستخدم كإشارات احتفالية وانتقائية، وليس كـthemes متنافسة.
Make it special
خدمات الهدية وCharacter Delivery تحصل على module مميز في السياق الصحيح، مع استخدام صور الشخصيات فقط داخل هذه التجربة.
Quiet checkout
عند الوصول للدفع، الزخرفة تتراجع. الاختيارات، Delivery Groups، الإجمالي والزر الأساسي هم مركز الشاشة.
Operational admin
الـAdmin لا يستخدم toy-card grammar. جداول مستقرة، toolbars واضحة، controls مجمعة، وbrand accents محدودة.
Readable Arabic
Tajawal للنصوص والـUI، line-height مريح، بدون letter spacing للعربية، وdisplay font فقط في العناوين الترويجية المختارة.
REAL BRAND ASSETS
العلامات التجارية تُعرض كعلامات حقيقية، لا text pills
هذه العينة تستخدم الـassets المرفقة. لا نعيد تلوين third-party logos، ونحافظ على مساحة بيضاء هادئة حتى تظل العلامة نفسها هي مركز العنصر.
CHARACTER DELIVERY ASSET SCOPE
صور الشخصيات تظهر فقط حيث تخدم Character Delivery
نستخدم الصور المرفقة في اختيار الشخصية، إعدادها وتشغيلها — وليس كديكور عشوائي في التقرير أو المتجر.
DESIGN SYSTEM CHECK
المعايير المقفولة للعرض والتنفيذ
النسخة المقترحة للتقرير نفسه تلتزم بنفس مبادئ القراءة التي نطلبها للمنتج: hierarchy معتدل، body text مريح، surfaces قليلة الضوضاء، ومساحات بيضاء حقيقية.
16+
Mobile body text
لا ننزل بأحجام النص الأساسية لمستويات مرهقة للقراءة.
44
Touch targets
الأزرار والعناصر التفاعلية لها مساحة لمسية مناسبة.
AA
Contrast intent
الألوان الدلالية لا تعتمد على اللون وحده.
RTL
Structural
الاتجاه، الأسهم، الـstepper والجداول مبنية للعربية من البداية.