شغلني — Shaghalni

دليل الهوية البصرية · Visual Identity Guide · מדריך זהות חזותית

نظرة عامة

منصة شغلني (شغلني فلسطين) تربط العمال بأصحاب العمل في فلسطين. الهوية البصرية مستوحاة من الألوان الوطنية الفلسطينية — الأخضر والأحمر — مع Material Design 3 ودعم ثلاث لغات (عربي · عبري · إنجليزي) واتجاهي RTL/LTR.

قاعدة 60-30-10: 60% محايد (خلفيات/نصوص)، 30% أخضر أساسي، 10% أحمر ثانوي للتأكيد.

الألوان الأساسية

Primary · أخضر فلسطيني #1B5E20
Primary Light #4CAF50
Primary Dark #003300
Secondary · أحمر فلسطيني #C62828
Secondary Light #FF5252

الألوان الدلالية والحالات

Success / Accepted#4CAF50
Warning / Pending#FF9800
Error / Rejected#F44336
Info / Completed#2196F3

مقياس الرمادي

Grey 50#FAFAFA
Grey 100#F5F5F5
Grey 200#EEEEEE
Grey 300#E0E0E0
Grey 400#BDBDBD
Grey 500#9E9E9E
Grey 600#757575
Grey 700#616161
Grey 800#424242
Grey 900#212121

الوضع الداكن

Dark Surface#121212
Dark Background#1E1E1E
Dark Card#2C2C2C

الخطوط · Typography

خط مختلف لكل لغة — لا يُستخدم خط واحد للعربية والعبرية معاً.

Cairo · Arabic (ar)
عامل بناء — رام الله
تقديم الطلب
منصة تربط العمال بأصحاب العمل في جميع المناطق الفلسطينية.
نص ثانوي · 875rem · onSurfaceVariant
Label Large · w600
Noto Sans Hebrew · Hebrew (he)
עובד בניין — רמאללה
הגש מועמדות
פלטפורמה המחברת עובדים לבעלי עסקים בכל אזורי פלסטין.
טקסט משני · 875rem
Inter · English (en)
Construction Worker — Ramallah
Apply for Job
A platform connecting workers with employers across Palestine.
Secondary text · 875rem · onSurfaceVariant

توكنات التصميم · Design Tokens

Border Radius

cardRadius
16px
buttonRadius / inputRadius
12px

Spacing Scale

spacingXs
4px
spacingSm
8px
spacingMd
16px
spacingLg
24px
spacingXl
32px

مكوّنات الواجهة · UI Components

الأزرار

min height: 48px · min width: 64px

حقل الإدخال

filled · radius 12px · focus border 2px primary

شارات الحالة

قيد الانتظار مقبول مرفوض مكتمل

بطاقة وظيفة (Job Card)

عامل بناء — مشروع سكني

رام الله · بناء · يومي

₪350 / يوم

إمكانية الوصول

  • تباين WCAG 4.5:1 للنص العادي · 3:1 للنص الكبير
  • Semantics labels من AppLocalizations لـ TalkBack / VoiceOver
  • دعم Dynamic Type / text scaling
  • Material 3 · useMaterial3: true