App concept الحالي
مرجع visual direction للـconsumer app، وليس قالبًا يُنسخ حرفيًا لكل شاشة.
Brand & Visual Direction
تجربة Kidzy يجب أن تبدو ممتعة، واضحة، ومحترفة — من أول نظرة.
الهوية البصرية مأخوذة من اللوجو الحقيقي: turquoise يقود، والبرتقالي والأخضر والماجنتا accents محسوبة. الـApp يبقى غنيًا ومليئًا بالاكتشاف، بينما الـCheckout والـAdmin أكثر هدوءًا وكثافة وظيفية.
Arabic-first · RTL
App + Web
APP + WEB
نفس المنتج، لكن Layout مختلف لكل شاشة
لا نأخذ شاشة الموبايل ونمدّها على الكمبيوتر. الـApp touch-first، بينما الـWeb يستخدم المساحة لبحث أسرع، merchandising أوسع، ووضوح أكبر للمحتوى بدون التضحية بالهوية.
Web storefront interpretation
نفس الـcontent entities ونفس الـbusiness truth، لكن composition مصممة للويب.
الأقسامحسب العمرالعلاماتوصل حديثًاالعروضالهدايا
عالم ألعاب يبدأ هنااكتشف حسب العمر، الاهتمام أو المناسبة
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 والجداول مبنية للعربية من البداية.