المكوّنات

كل مكوّن هنا حي: جرّبه بالماوس والكيبورد، وغيّر الاتجاه والوضع الغامق من الشريط فوق. له حالاته (افتراضي، تمرير، تركيز، ضغط، معطّل، تحميل، خطأ). الأسلوب: ورق هادي، وخط حبر 2px مع ظل صلب على الحاجة المهمة، وبورتريهات في أقواس، وختم للتوثيق، وألوان صريحة بنص حبر. كل الهوامش بخصائص منطقية (logical)، فاللي بيشتغل في RTL بيتعكس تلقائي في LTR.

الأزرار

زر واحد أساسي (primary) في الشاشة: فيروزي بنص حبر وخط حبر وظل صلب، وبيتحرك لجوه ويقف الظل لما تضغط عليه. الـ accent (شمس) للّحظات المميزة بس زي "وثّق الحساب"، والـ danger طماطم. الأزرار المدمّرة (حذف، إنهاء عقد) بتتحط في آخر ترتيب القراءة وبتطلب تأكيد.

المتغيّرات
الأحجام (الارتفاع: 32 / 40 / 48 / 56). منطقة اللمس لا تقل عن 44px حتى في الصغير
الحالات: افتراضي، معطّل، تحميل (aria-busy)، وزر بأيقونة
مجموعة أزرار + أزرار بعرض كامل (للموبايل)
btn--go: كلمة + سهم دايري (للإجراء الكبير في تطبيق الأسرة). السهم بيتعكس في RTL
فعل + مفعول: الزر يقول اللي هيحصل بالظبط.
"موافق" مش بتقول إيه اللي هيحصل، وزرّين أساسيين يلغوا بعض.

الحقول

الـ label فوق الحقل دايماً (مش placeholder). التلميح تحت الحقل، والخطأ بيحل محله بأيقونة ونص واضح بيقول إيه المطلوب. الأرقام (موبايل، رقم قومي، مبالغ) بتتكتب بأرقام غربية 0-9 وبتتعرض LTR داخل النص العربي.

الحقل النصي: عادي، مع تلميح، خطأ، صحيح، معطّل
نفس الاسم المكتوب في بطاقة الرقم القومي.
حقل الموبايل (مع كود الدولة)، البحث، كلمة المرور، المبلغ
+20
جنيه
قائمة منسدلة، منطقة نص، وكود التحقق OTP (يتنقل تلقائي، يقبل اللصق)
أدخل الكود اللي وصلك على واتساب
رفع مستند (يدعم السحب، ويفتح الكاميرا على الموبايل)

الاختيار

Checkbox، Radio، Switch، Range، Segmented
المهارات المطلوبة
نوع الإقامة
Choice card: لما الاختيار كبير ومهم (اللغة، نوع الطلب)
Chips: فلتر (المختار فيروزي بخط حبر)، قابل للحذف، ثابت (بلون العيلة الهادية)
التجمع خبرة 4 سنين

الشارات والصور الشخصية

الشارة بتجمع لون + أيقونة + كلمة. اللون لوحده ما بيحمل معنى أبداً (للعمى اللوني وللطباعة بالأبيض والأسود). الشارات بخط حبر 1.5px: فيروزي للنجاح، شمس للتحذير وقيد التنفيذ، طماطم للخطر، والمعلومة والبراند بدرجات هادية.

حالات الشارة
موثّقة بانتظار المراجعة مرفوض جديد مستوى 1 مميّز فترة تجربة تم الدفع 31247
مستويات التوثيق (pill): كل مستوى أيقونة درع + كلمة. الختم الدايري للّحظات الكبيرة تحت
غير موثّقة مستوى 1: الهوية مستوى 2: الخلفية مستوى 3: مراجع ومقابلة موثّقة المستوى 2
الختم (seal): دايري مايل بحلقة متقطعة، لحظات التحقق الكبيرة. وستيكر وماركر للتأكيد
مستوى 2 مستوى 3 اتراجعت3 أكتوبر جديدة مربية موثّقة في بيتك
Avatar: صورة حقيقية أو بورتريه مرسوم (أو أيقونة للمكاتب والفرق) داخل إطار بخط حبر. حالة، مستوى توثيق، مجموعة
+4
تقييم: نجوم + أسباب منظمة (مش نص حر عدائي)
4.5 ملتزمة بالمواعيدبتحب الأطفالنظيفة

بطاقات الأشخاص: القوس والصورة

البورتريه بيتحط في قوس (.arch أو .pcard__photo) بخط حبر وخلفية بلون من الأربعة. الاسم والسعر بخط Tajawal التقيل. التوثيق على الصورة، والتقييم ستيكر شمس، والقلب للحفظ. الصور لازم تكون ناس حقيقية بكرامة وإضاءة طبيعية، والمرسوم بيحل محلها لو مفيش صورة.

pcard في carousel أفقي (hscroll). اتنين بصورة حقيقية وواحد بورتريه مرسوم، والمحفوظ قلبه طماطم
24.5

منى علي

القاهرة الجديدة، 4 سنين
9,000 ج / شهر
35.0

سارة محمود

التجمع، 7 سنين
11,000 ج / شهر
14.2

هدى سيد

الشيخ زايد، 12 سنة
7,500 ج / شهر
pcard--wide للصفوف (المحفوظات والمقارنة) وgreet لترحيب الشاشة الرئيسية

نادية إبراهيم

القاهرة الجديدة
رعاية رضّعطبخ
8,000 ج / شهر
صباح الخير يا رناعايزة مين النهارده؟القاهرة الجديدة
arch: أي صورة أو أيقونة كبيرة في قوس. الظل الملوّن بيتغير بـ --t-solid

بلوكات الشاشة

القطع اللي بتتركّب منها الشاشة الرئيسية في تطبيق الأسرة. كل قطعة لونها من الأربعة وبنص حبر، ومفيش حاجة تدخل فيها تدرج.

hero-card: بطاقة ترويج بخط حبر وظل صلب، نص على جنب ومشهد على التاني. الألوان: sage (فيروزي)، sky (شمس)، peach (طماطم)، lav (ليلكي)، rose، brand (حبر)

اعرف مين جوه بيتك

مربيات موثّقات بالهوية والخلفية.

بيتك محتاج تنظيف عميق؟

عاملات تنظيف موثّقات، بالساعة أو بالزيارة.

الإقامة بتنتهي قريب

جدّدها قبل 14 نوفمبر.

رعاية مسنين في البيت

ممرضات ومرافقات بخبرة.

أسرتك اتوسعت؟

اعمل طلب تاني بنفس البيانات.

عقدك جاهز للتوقيع

راجع البنود ووقّع من الموبايل.

cat-grid: أربع فئات، كل أيقونة في قوس صغير بلون من الأربعة (بتتبدل أوتوماتيك) مع كلمة تحتها
stat-tiles (رقمين أو تلاتة بأيقونة وكلمة) وmini-stats (ملخص البروفايل). الرقم بخط Tajawal 800
120 أسرةاتخدمت
6 سنينخبرة
4.8تقييم الأسر
98%التزام بالمواعيد
4سنين خبرة
4.5من 6 تقييمات
3تعيينات سابقة
step-hero: أيقونة كبيرة في قوس (عليه نقطة شمس) فوق عنوان وجملة. لخطوات التسجيل والحالات الفاضية

رقمك على واتساب

هنبعتلك كود تأكيد. مفيش كلمة مرور تفتكرها.

لسه مفيش مرشحات

هنرشحلك خلال 48 ساعة.

sticker وmark وticker: لحظات صوت عالي للتسويق والترحيب بس. مايلين شوية، ومش للمعلومة المهمة
جديدةموثّقةبتحب الأطفالاعرف مين جوه بيتك
موثّقة بالهوية ★ عقد موحّد ★ مرتب مسجل ★ متابعة يومية ★ بلاغ سري ★
قاعدة التصنيفات: ألوان الأقواس والبطاقات والـ chips للخدمات (أطفال، نضافة، مسنين، طبخ) مش للناس. مفيش فلتر ولا لون بيشير لجنسية أو شكل، والترتيب بيحترم الخبرة والتوثيق مش السعر لوحده.

البطاقات والقوائم

البطاقة لما المحتوى وحدة قائمة بذاتها (مربية، طلب، مستند). هادية: خط رفيع وظل خفيف. البطاقة المهمة بس (.card--pop) بتاخد خط حبر وظل صلب. مفيش بطاقة جوه بطاقة. لو المحتوى قايمة، استخدم قايمة.

بطاقة عادية، بطاقة تفاعلية (hover بيرفعها بظل صلب)، بطاقة مختارة، بطاقة pop
طلب مربية مقيمةقيد المراجعة

3 مرشحات مطابقات لطلبك. أقرب مقابلة: بكرة 7 مساءً.

جدول الأسبوع

حضور 5 أيام من 6. تأخير واحد.

الباقة الشهرية

متابعة + بدائل + ضمان استبدال.

الدفعة الجاية25 أكتوبر

1,200 جنيه عند نهاية التجربة.

قائمة، وقائمة مفاتيح وقيم (kv)
العاملة
منى علي
نوع العقد
مقيمة، 6 أيام
المرتب
9,000 جنيه
الراحة الأسبوعية
الجمعة
فترة التجربة
14 يوم

الجداول

للّوحات: كثافة compact، ترويسة ثابتة، أعمدة الأرقام بمحاذاة النهاية وأرقام tabular، ترتيب بالضغط على الترويسة (aria-sort)، وتحديد صفوف بشريط إجراءات جماعية. جرّب الترتيب والتحديد.

جدول بيانات: ترتيب، تحديد، إجراءات الصف
الاسمالتوثيقالمرتبالحالةإجراءات
منى عليالقاهرة الجديدة
مستوى 29,000متاحة
هدى سيدالشيخ زايد
مستوى 17,500في تجربة
سارة محمودالمعادي
مستوى 311,000إقامة تنتهي
عرض 1 إلى 3 من 48

التنبيهات والحالات

Alerts: كل نوع أيقونة في دايرة + عنوان + إجراء. خط حبر وظل صلب صغير، مفيش شريط جانبي
تم توثيق الهوية
مراجعنا قارنوا البطاقة بالصورة وكله مظبوط.
الإقامة تنتهي بعد 18 يوم
لازم تتجدد قبل 14 نوفمبر عشان العقد يفضل ساري.
مينفعش نكمل التعيين
مفيش إقامة سارية مسجلة للعاملة دي. دوّر على مرشحة تانية أو اطلب مساعدتنا.
الكاميرات داخل البيت ليها شروط خصوصية. اقرا البنود قبل التركيب.
بياناتك محفوظة ومش بتظهر للعاملة إلا بعد توقيع العقد.
Toast (حالة مؤقتة، مع إجراء تراجع) + Progress + Spinner
Skeleton للتحميل (مش spinner في نص المحتوى)، وحالة فاضية بتشرح وبتقول التالي
لسه مفيش مرشحات

اكتب طلبك وهنرشحلك مربيات موثّقات في منطقتك خلال 48 ساعة.

Accordion (أسئلة شائعة) وتلميح (Tooltip) للأيقونات فقط
إيه اللي بيحصل لو العاملة ماجتش؟
بنبلغك فوراً ونرشح بديلة بالساعة في نفس اليوم لو متاحة.
إمتى بيتدفع باقي العمولة؟
على 3 مراحل: عند توقيع العقد، نهاية التجربة، وبعد 90 يوم استمرار.

النوافذ والأوراق

النافذة المنبثقة (modal) آخر خيار. الأول جرّب inline أو صفحة. لما تحتاج تأكيد لعملية مدمّرة، النافذة بتشرح النتيجة بالظبط، وزر الأمان الأول في ترتيب القراءة. على الموبايل بنستخدم Bottom sheet.

Dialog (تأكيد مدمّر)، Bottom sheet، Drawer جانبي

إنهاء عقد منى علي؟

لو أنهيت العقد دلوقتي، المرتب هيتحسب لحد النهارده، وآخر مرحلة من العمولة مش هتتدفع. السبب هيتسجل في سجل شغل العاملة وهي تقدر ترد عليه.

امتى تحب المقابلة؟

منى علي

موثّقة المستوى 2
الخبرة
4 سنين
اللغات
عربي، إنجليزي
المنطقة
القاهرة الجديدة