نظام تصميم المتجر
بورسلين وجرافيت
باليتة واحدة لكل المحلات. أركان ناعمة، حركة طبيعية بتبدأ من مكان العنصر، الخط كايرو والأرقام بلكس مونو. غيّر اللغة والأرقام والمظهر من هنا، وكل حاجة تحت هتتغير معاك.
الألوان
ألوان محايدة وأسود جرافيت، نفس الباليتة لكل المحلات. الألوان الحقيقية بتيجي من صور المنتجات والحالات.
- page
- surface
- sunk
- well
- text
- text-2
- text-3
- rule
- brand
- on-brand
- ink
- on-ink
- success
- success-wash
- warning
- warning-wash
- danger
- danger-wash
- info
- info-wash
- line
- line-strong
- star
- focus
الخط
كايرو للكلام باللغتين، والمسافات بين الحروف بتضيق مع الكبر (مش في العربي). بلكس مونو للأرقام.
كل حاجة توصلك
عروض النهارده
اخترنالك
التوصيل والاسترجاع
منتجات أصلية، توصيل لكل مصر، والدفع عند الاستلام.
النص الأساسي ١٦ بكسل بمسافة سطور مريحة، والعربي بياخد مسافة أكبر شوية من الإنجليزي.
نص ثانوي للتفاصيل والملاحظات.
عنوان صغير
1,234,567.89 · NIL-48213 · ٠١٢٣٤٥٦٧٨٩
الشكل والحركة
أركان متصلة (سكويركل)، ومفيش كبسولات غير الدواير. الحركة سبرينج مش منحنى ثابت — اضغط على أي مربع.
6
8
12
16
20
26
◯
- --spring-defaultdamping 1 · response .35s · 510ms
- --spring-snappydamping 1 · response .25s · 370ms
- --spring-gentledamping 1 · response .5s · 730ms
- --spring-bouncydamping .8 · response .3s · 400ms
المفاتيح والشرائح
روابط مش مفاتيح: كل اختيار صفحة، والحالي مرفوع. الشرائح ٣٢ بكسل والتصنيفات ٣٦ — وكلها ٤٤ للمس.
الشرائح
شرائح اللينكات طرق تكمّل بيها (أقسام، عمليات بحث)؛ وشرائح الفلاتر هي الفلاتر الشغالة، وكل واحدة لينك بيشيلها.
الشارات والحالات
الشارات فوق الصور، فلازم تكون مصمتة. الحالات: أيقونة وكلمة على لون فاتح من نفس الدرجة.
تسويقية
خصم 20%توصيل سريعجديدالأكثر مبيعًافاضل 3 بسغير متوفر
حالة الطلب
تم الاستلامبنجهزهفي الطريقاتسلممتأخراتلغى
السعر والتقييم
الفلوس باللون الأسود؛ الخصم بالأحمر وجنبه السعر القديم. النجوم بتتملي بالعُشر من بداية القراية.
المقاسات
1,299.00 ج.م1,299.00 ج.م1,299.00 ج.م64,999.00 ج.م
خصم، يبدأ من، استرداد
999.00 ج.م، بدلًا من 1,399.00 ج.م، خصم 29%64,999.00 ج.م، بدلًا من 71,999.00 ج.م، خصم 10%من 74.99 ج.م−50.00 ج.م
التقييمات
الصور
مساحة الصورة محجوزة قبل ما توصل، وفيه صورة مبهمة مكانها لحد ما تحمّل. صور المنتجات على خلفية هادية، وفي الوضع الداكن عليها إضاءة خفيفة.
كروت المنتجات
منتجات حقيقية من الكتالوج. الصفوف الثابتة بتخلي الكروت متساوية والهيكل بنفس المقاس؛ والمنتج اللي خلص عليه غطا خفيف.
ديفاكتو
حقيبة ظهر صغيرة من الجلد الصناعي من ديفاكتو — أبيض
799.00 ج.م، بدلًا من 1,099.00 ج.م، خصم 27%
غير متوفر
فلورمار
باليت ظلال عيون فلورمار 12 لونًا بمرآة — توت دافئ
599.00 ج.م، بدلًا من 799.00 ج.م، خصم 25%
فاضل 3 بس
فاضل 1 بس
جديد
جديد
شريط أفقي (بيقف على كل كارت، والأطراف بتختفي، وأسهم على الكمبيوتر)
جديد
جديد
فاضل 1 بس
فاضل 3 بس
فلورمار
باليت ظلال عيون فلورمار 12 لونًا بمرآة — توت دافئ
599.00 ج.م، بدلًا من 799.00 ج.م، خصم 25%
غير متوفر
ديفاكتو
حقيبة ظهر صغيرة من الجلد الصناعي من ديفاكتو — أبيض
799.00 ج.م، بدلًا من 1,099.00 ج.م، خصم 27%
الأدراج والتنبيهات
حركة تقدر تمسكها: الدرج بيمشي مع صباعك والسرعة هي اللي بتقرر، وبيخرج من نفس السكة اللي دخل منها. التنبيهات بألوان الصفحة مقلوبة.
درج وشيت
تنبيهات
الكمية
التنبيهات في الصفحة
رسالة جوه الصفحة بلون: أيقونة وعنوان وسطر وأزرار. الخطر والتحذير بيقاطعوا قارئ الشاشة، والباقي بيستنى دوره.
الأسعار شاملة ضريبة 14%
التوصيل بيتضاف وانت بتكمّل الطلب.
اتضاف للسلة
جالاكسي S25 ألترا، 256 جيجا.
فاضل 3 بس
اطلب بسرعة عشان يوصلك النهارده.
مقدرناش نضيف ده
السلة فيها أقصى عدد تقدر تطلبه.
مواعيد التوصيل تقريبية
المندوب بيكلمك قبل ما يوصل.
جديد: توصيل سريع في الجيزة
خلال ساعتين، كل يوم.
عنوان بس، من غير سطر
بيظهر من المتصفح (slots)
النماذج
خانات ٥٢ بكسل بخط ١٦، العنوان فوق والملاحظة والخطأ تحت — وكروت اختيار للحاجات اللي محتاجة سطر شرح.
هنبعتلك رسالة لما المندوب يتحرك
اكتب إيميل كامل، زي name@example.com
الحالات
كل حالة بتقول اللي حصل وبتديك خطوة جاية: فاضي، فشل، من غير نت، مش موجود، لسه ما اتعملش. رسايل الأخطاء بالفصحى البسيطة.
فاضي · قصدك
مفيش نتايج لـ «galaxi»
اتأكد من الكتابة، أو جرّب كلمات أقل.
تقصد galaxy؟
فاضي · السلة
سلتك فاضية
عروض النهارده بداية حلوة.
فاضي · مفيش نتائج
مفيش نتائج لـ «galaxy s99»
اتأكد من الكتابة، أو جرّب كلمات أقل.
خطأ
تعذّر تحميل طلباتك
المشكلة ليست عندك. يُرجى المحاولة مرة أخرى بعد قليل.
رقم المرجع 7F3K-21
من غير نت
لا يوجد اتصال بالإنترنت
تحقّق من اتصالك، وسنعيد الاتصال تلقائيًا.
مش موجود
خطأ 404
لم نعثر على هذه الصفحة
ربما يكون الرابط قديمًا أو به خطأ.
قريبًا · الدفع
مش موجودة في المعاينة دي لسه
الدفع بالكارت والمحفظة
هتقدر تدفع بالكارت أو Apple Pay أو محفظة الموبايل. في المعاينة دي كل الطلبات كاش عند الاستلام.
قريبًا · الحساب
مش موجودة في المعاينة دي لسه
حسابك
عناوينك المحفوظة وطلباتك القديمة وإعادة الطلب بلمسة، على كل أجهزتك.
قسم فشل
تعذّر تحميل عروض اليوم. باقي الصفحة يعمل بشكل طبيعي.
تعذّر تحميل هذا القسم. باقي الصفحة يعمل بشكل طبيعي.
الصفحة كلها فشلت
الاختيارات
الفلاتر بتصفّي القائمة؛ وشرائح الاختيار بتختار قيمة واحدة (لينكات للأنواع، أو راديو، أو ألوان)؛ وقوائم الاختيار صفوف ومعاها سعر.
السطور والإجماليات
سطر المنتج (صورة واسم وتفاصيل وسعر وأزرار)، وإجماليات اسم وقيمة، وبلوكات معلومة ومعاها تعديل.
إجماليات: توفير ومجاني وإجمالي؛ وسطر مخفي
- المجموع
- 12,397.00 ج.م
- التوفير
- −1,500.00 ج.م
- التوصيل
- 45.00 ج.م
- التوصيل
- مجاني
- الإجمالي
- 10,897.00 ج.م
شامل الضريبة
بيتحدّث (aria-busy بيبهّته)
- المجموع
- 12,397.00 ج.م
- التوفير
- −1,500.00 ج.م
- التوصيل
- 45.00 ج.م
- التوصيل
- مجاني
- الإجمالي
- 10,897.00 ج.م
شامل الضريبة
سطور منتجات · عادي: الأزرار في سطر لوحدها
- أوبو A57 (مجدد) — ذهبي
ذهبي · 64 جيجا
3,998.00 ج.م - 1,299,999.00 ج.م
- من غير صورة ولا لينك100.00 ج.م
سطور منتجات · صغيرة: سطر واحد (الدفع، الطلب)
- 3,998.00 ج.م
- سامسونج جالاكسي S25 ألترا 5G، رام 12 جيجا، 512 جيجا، أزرق تيتانيوم فضي، ومعاه القلم
تيتانيوم · 512 جيجا
1,299,999.00 ج.م
قايمة معلومات، ومعاها تعديل
- الدفع
- كاش عند الاستلام
الخطوات والتقدّم
خطوات مترقّمة على خط بيتملى (الخطوات اللي خلصت بترجعلها)، ومراحل الطلب، وحالة الجزء اللي بيتحدّث لوحده.
أول خطوة
خطوة في النص
آخر خطوة
مراحل الطلب، حيّة (core/timeline.ts)
- اتعمل الطلب, تم14:02
- اتأكد, تم14:05
- بيتجهز, جارٍ الآندلوقتي
- في الطريق, لم يبدأ بعد
- اتسلم, لم يبدأ بعد
حالة التحديث: شغال، بيحاول، من غير نت، واقف
تحديثات مباشرة
تعذّر التحديث.
لا يوجد اتصال، وتُستأنف التحديثات عند عودته.
الطلب ده خلص.
بيتحرك من core/live-status.ts
تحديثات مباشرة
الشبكة
اللي الزائر بيشوفه لما النت يقطع، أو صفحة تتأخر، أو التنقل يفشل. الشريط والتنبيه وشريط التحميل أجزاء ثابتة في إطار الصفحة، والراوتر هو اللي بيحركها.
- من غير نت: شريط هادي فوق ومعاه «حاول تاني»؛ ولما النت يرجع الصفحة بتتحدّث مكانها.
- التنقل فشل (من غير نت، اتأخر، خطأ في السيرفر): تنبيه بيقول السبب وبيديك «إعادة المحاولة»؛ والصفحة اللي كنت فيها بتفضل.
- تنقل بطيء: شريط تحميل رفيع، مابيظهرش غير بعد 150 مللي ثانية.
شريط عدم الاتصال
التنقل فشل
تنقل بطيء
كل قراية بتعدّي على core/net.ts: مهلة واحدة 10 ثواني، ومحاولة تانية واحدة بعد عطل في الشبكة أو 5xx (عمرها ما بتحصل بعد 4xx)، ومن غير نت مفيش محاولة بتضيع.
هياكل التحميل
بلوكات مصمتة بتنبض، معمولة بنفس مقاسات اللي هيظهر مكانها. كل اتنين جنب بعض تحميل وجاهز: مفيش حاجة بتتحرك لما واحد يبقى التاني.
عنوان وكلام
بيحمّل
جاهز
جالاكسي S25
شاشة ٦٫٩ بوصة بتتقري في شمس الضهر، وإطار تيتانيوم، والقلم جوه الموبايل، وكاميرا ٢٠٠ ميجابكسل بتحافظ على التفاصيل بالليل. سبع سنين تحديثات، وتوصيل في القاهرة خلال ساعات.
كارت منتج
بيحمّل
جاهز
صورة
بيحمّل
جاهز
خانات
بيحمّل
جاهز
للمندوب
شريط منتجات
بيحمّل
جاهز
ديفاكتو
حقيبة ظهر صغيرة من الجلد الصناعي من ديفاكتو — أبيض
799.00 ج.م، بدلًا من 1,099.00 ج.م، خصم 27%
غير متوفر
فلورمار
باليت ظلال عيون فلورمار 12 لونًا بمرآة — توت دافئ
599.00 ج.م، بدلًا من 799.00 ج.م، خصم 25%
الأيقونات
أيقونات لوسيد، كل أيقونة مسار واحد. الأسهم بتنعكس في العربي.
- apple
- arrow-down
- arrow-left
- arrow-right
- arrow-up-down
- arrow-up-right
- baby
- badge-check
- badge-percent
- banknote
- battery-charging
- bean
- beef
- bike
- book-open
- brush
- cable
- calendar-clock
- camera
- candy
- carrot
- check
- check-circle-2
- cherry
- chevron-down
- chevron-left
- chevron-right
- chevron-up
- circle-alert
- circle-check
- circle-x
- citrus
- clock
- cloud-off
- coffee
- construction
- cookie
- cooking-pot
- copy
- credit-card
- croissant
- cup-soda
- drumstick
- dumbbell
- egg
- external-link
- eye
- fish
- flame
- footprints
- gamepad-2
- gem
- gift
- glasses
- globe
- grape
- headphones
- heart
- heart-pulse
- hourglass
- house
- ice-cream-cone
- image
- info
- keyboard
- lamp
- languages
- laptop
- layout-grid
- leaf
- list
- list-filter
- loader-circle
- map-pin
- menu
- milk
- minus
- monitor
- moon
- mouse
- nut
- package
- package-check
- paw-print
- percent
- phone
- pill
- plus
- receipt
- refresh-cw
- refrigerator
- rotate-ccw
- salad
- search
- server-crash
- share-2
- shield-check
- shirt
- shopping-bag
- shopping-basket
- shopping-cart
- sliders-horizontal
- smartphone
- sofa
- soup
- sparkles
- speaker
- spray-can
- star
- store
- sun
- sun-snow
- tablet
- tag
- timer
- trash-2
- triangle-alert
- truck
- tv
- user
- wallet
- washing-machine
- watch
- wheat
- wifi
- wifi-off
- x
- zap
- zoom-in