مكوّناتُ التصميم

كلُّ قطعةٍ تُبنى منها شاشاتُ «بوّابات» في مكانٍ واحد، حيّةً وبكلِّ حالاتها، بالعربيّة والإنكليزيّة. الشاشاتُ تُركَّبُ من هذه القطع فقط، فيبقى الشكلُ واحداً في كلِّ مكان.

94 مكوّناً

الهويّة

الشعار، والألوان، والخطّ، والزوايا، والظلال، والحركة.

على خلفيّةٍ فاتحة

Logo

بوّاباتإدارةُ الضيوفِ والبوّاباتبوّاباتإدارةُ الضيوفِ والبوّاباتبوّابات

على خلفيّةٍ داكنة

Logo tone=dark

بوّاباتإدارةُ الضيوفِ والبوّاباتبوّابات

الرمز وحده

GatesMark

قوسُ البوّابة، وذراعُ الحاجزِ منخفضة، وفوقَها ضوءُ الإشارة.

ألوانُ الهويّة البصريّة السوريّة

pineal · aramos · mulbrys · coast

لوحاتُ الألوان الأربع الرسميّة كما نشرتْها بوّابةُ الهويّة البصريّة للجمهوريّة العربيّة السوريّة. كلُّ ألوان النظام مأخوذةٌ منها، ودرجاتُ الأسطح الداكنة مشتقّةٌ من «Pineal».

Pineal

pineal-900

#126e70

pineal-600

#52b5ab

pineal-300

#9ee5dc

pineal-100

#d9fffa

Aramos

aramos-900

#8c7f6d

aramos-600

#cbbba0

aramos-300

#e5dcc3

aramos-100

#f7f4f0

Mulbrys

mulbrys-900

#421a2a

mulbrys-600

#705163

mulbrys-300

#896a7d

mulbrys-100

#dbc8d4

Coast

coast-900

#495760

coast-600

#83949b

coast-300

#bfced6

coast-100

#e7eff2

Pineal الداكن — الأسطح الداكنة

brand-*

brand-950

#072325

brand-900

#0b3133

brand-800

#0e4245

brand-700

#126e70

brand-600

#2c8784

Pineal — اللونُ المميِّز

accent-*

accent-700

#0e5a5c

accent-600

#126e70

accent-500

#1d8c88

accent-400

#52b5ab

accent-100

#d9fffa

ألوانُ القرار — سماح · تنبيه · منع

go · look · stop

#1a7f3c

look

#9a5a05

stop

#c2303b

go-bright

#35c46a

look-bright

#f2a516

stop-bright

#f0505c

go-soft

#e5f6ea

look-soft

#fff3dc

stop-soft

#fdeced

المحايدات

ink · muted · line · canvas

ink

#18262c

muted

#495760

line

#e5e0d4

canvas

#f7f4f0

surface

#ffffff

سُلّمُ الخطّ

IBM Plex Sans Arabic · IBM Plex Mono

عنوانُ الصفحة

26 / 700

عنوانُ قسم

18 / 600

نصٌّ أساسيّ في الشاشات، بخطِّ IBM Plex Sans Arabic الذي يحملُ العربيّةَ واللاتينيّة بإيقاعٍ واحد.

14 / 400

نصٌّ ثانويّ وتواريخ

12 / 400

الرموز: أرقامُ البطاقات واللوحات · 04A1 3BC2 7F59 80 · 512834

Mono 13

الزوايا والظلال

rounded-xl · 2xl · 3xl · shadow-*

xl · card

2xl · raised

3xl · overlay

glow

look

stop

الحركة

animate-scan · ripple · ping

خطُّ المسح

تموّجُ القارئ

مباشر

نبضُ الحالة الحيّة

العناصرُ الأساسيّة

الأزرار، والشارات، وحالاتُ السجلّات، والصورُ الرمزيّة.

الأزرار

Button

الأحجام والحالات

أزرارُ الأيقونات

IconButton

الشارات

Badge

تصريحٌ دائممهمّةٌ مؤقتةكبارُ الزوّارفنّيّونزوّارN13

حالاتُ السجلّات

StatusChip

في الداخلبانتظارِهغادرلم يحضرملغاة

في الداخلفي الداخل

الصورُ الرمزيّة والصورُ الشخصيّة

Avatar · Portrait

و‌خب‌دم‌سف‌ي+2

صورةٌ مرسومةٌ ثابتةٌ لكلِّ اسم في النموذج؛ تحلُّ محلَّها صورةُ الضيفِ الحقيقيّة في التنفيذ.

التلميحاتُ ومفاتيحُ الاختصار

Tooltip · Kbd

/ البحثEnter سماحEsc إلغاء

النماذج

كلُّ حقلٍ يُدخِلُ فيه المنسّقُ أو المديرُ بيانات.

اسمُ الضيف

Field · Input · SearchSelect · Textarea

اسمُ الضيف

الرقمُ الوطنيّ

رقمُ الهاتف

يُستعمَلُ للتواصلِ عندَ تغيّرِ الموعد

تصنيفُ الضيف

رقمُ البطاقة

الحقلُ مطلوب

ملاحظات

قائمةُ الاختيار بالبحث

SearchSelect

كلُّ اختيارٍ فيه أكثرُ من ثلاثة خيارات، أو قيمُه من البيانات، يُختارُ بالبحث. القيمُ المتغيّرة تُبحَثُ في الخادم أثناءَ الكتابة.

الضيف

يبحثُ في الخادم بالاسم أو الرقم الوطنيّ أو اللوحة أو البطاقة

المضيف

المحافظة

قائمةٌ ثابتة — يُبحَثُ فيها محلّيّاً

خياراتُ الزيارة

Checkbox · RadioGroup

يحتاجُ مرافقاًيُبلَّغُ القسمُ المستقبِلُ ليرسلَ مرافقاً إلى البوّابةمعه معدّاتزيارةٌ حسّاسة

نوعُ الزيارة

زيارةٌ واحدةيومٌ واحد، بموعدٍ محدَّدتصريحٌ متكرّرأيّامٌ محدّدة من الأسبوع حتّى تاريخ

المفاتيح

Switch

البوّابةُ في الخدمةإيقافُها يمنعُ أيَّ حركةٍ مباشرةٍ عليهاالسماحُ بالعملِ دونَ اتصال

البحث

SearchInput · SegmentedControl

/

رفعُ صورةِ الضيف

FileDropzone

اسحب الملفات وأفلتها هنا أو

JPG أو PNG — حتى 5 MB لكل ملف

رمزُ التحقّقِ بخطوتين

OtpInput

عرضُ البيانات

البطاقات، والجداول، والتبويبات، والخطّ الزمنيّ، والحالاتُ الفارغة.

بطاقةُ محتوى

Card · CardHeader · CardBody · KeyValueList

بطاقةُ محتوى

رأسٌ وجسم — لا شيءَ ثالث

كلُّ بطاقةٍ في النظام لها رأسٌ يحملُ العنوانَ والإجراءات، وجسمٌ يحملُ المحتوى.

البوّابة: البوّابة الشماليّة
وقتُ الوصول: 09:52
المضيف: م. هاني الشيخ
الغرض: مراجعةُ أجهزةِ الشبكة

رأسُ الصفحة

PageHeader

الزيارات

الزياراتُ القادمة كما وصلتْ على التطبيقِ الداخليّ، والتصاريحُ الدائمة.

التبويبات

Tabs

زياراتُ اليوم تظهرُ هنا.

الخطُّ الزمنيّ

Timeline

سجّلَ المنسّقُ الزيارة
08:14
من رسالةِ مكتبِ المدير
وصلَ إلى البوّابةِ الشماليّة
09:52
قُرئتِ البطاقة، وطابقتْ كاميرا اللوحة
سُمح بالدخول
09:52
سجّلَها غياث العلي
خرج
12:40
خرجتْ معه معدّاتُه كلُّها

خطواتُ تسجيلِ ضيف

Stepper · Progress

الهويّة
الصورة
3
المركبات
4
البطاقة

زياراتُ اليوم التي حضرتْ72%

72%

بطاقةُ الضيف

GuestCard (preview)

التشكيل — اللاذقيةبطاقةُ ضيف

م. وسيم الخطيب

موظف بمهمة مؤقتة

تشكيل حمص

رقمُ البطاقة

04A1 3BC2 7F59 80

يحملُ بطاقةيحتاجُ مرافقاًتُسجَّلُ معدّاتُه

جدولُ بيانات

DataTable · FilterBar · Pagination

	التصنيف	البطاقة	المركبة	الحالة
م. وسيم الخطيبتشكيل حمص	موظف بمهمة مؤقتة	04A1 3BC2 7F59 80	سورياSYحمص512834	في الداخل
باسل ديبتشكيل طرطوس	موظف بتصريح دائم	04C7 719A A23B 81	سورياSYطرطوس740219	بانتظارِه
د. مازن سليمانالإدارة العامّة — دمشق	كبار الزوار	0491 E0C3 5D2A 7F	سورياSYدمشق100457	غادر
فادي يوسفشركة الساحل للتكييف	فنّي أو مقاول من خارج المؤسسة	04F2 A611 8C4D 93	سورياSYاللاذقية381605	لم يحضر
علاء حسنزائر	زائر من خارج المؤسسة	بلا بطاقة	—	غادر
يزن إبراهيمتشكيل حماة	موظف بتصريح دائم	04B8 3D57 E019 6C	سورياSYحماة226981	ملغاة

عرض ⁦1–6⁩ من 148

الحالةُ الفارغة

EmptyState

لا أحدَ في الداخلِ الآن

كلُّ مَن دخلَ اليومَ غادر. سيظهرُ هنا كلُّ ضيفٍ تُسجَّلُ له حركةُ دخول.

هيكلُ التحميل

Skeleton · SkeletonCard

التنبيهاتُ والنوافذ

رسائلُ النظام، والنوافذُ المنبثقة، والدُّرج الجانبيّ، والقوائم.

رسائلُ النظام

Alert

الزيارةُ تحتاجُ مرافقاً

أُبلِغَ قسمُ تقانة المعلومات ليرسلَ مرافقاً إلى البوّابة.

سُجِّلتِ الحركة

دخلَ م. وسيم الخطيب من البوّابةِ الشماليّة.

البوّابةُ تعملُ دونَ اتصال

تُحفَظُ الحركاتُ على الجهاز وتُرسَلُ عند عودةِ الاتصال.

بطاقةٌ موقوفة

أُوقِفتْ هذه البطاقةُ بتاريخ ⁦2026-10-02⁩. لا تسمحْ بالدخول.

النوافذُ المنبثقة

Dialog · ConfirmDialog

الدُّرجُ الجانبيّ

Drawer · DropdownMenu

الإشعاراتُ العابرة

ToastButton · useToast

الرسومُ البيانيّة

مؤشّراتُ لوحةِ القيادة والتقارير — أرقامٌ لاتينيّة دائماً.

في الداخلِ الآن

StatTile

في الداخلِ الآن

حركاتُ اليوم

214

+8.2%مقارنة بالفترة السابقة

زياراتٌ متوقَّعة اليوم

31 / 46

تنبيهاتٌ مفتوحة

−25%مقارنة بالفترة السابقة

الحركةُ خلالَ اليوم

LineChart

دخول
خروج

الدخولُ خلالَ الأسبوع

BarChart

الضيوفُ حسبَ التصنيف

DonutChart

148

ضيفاً

تصريحٌ دائم6141.2%
مهمّةٌ مؤقتة3825.7%
فنّيّون2416.2%
كبارُ الزوّار96.1%
زوّار1610.8%

الحضورُ في الموعد

Gauge

86%

الحضورُ في الموعد

مكوّناتُ البوّابات

القطعُ الخاصّةُ بهذا النظام: قرارُ الدخول، وبطاقةُ الضيف، ولوحةُ المركبة، ولقطاتُ الكاميرات…

قرارُ الدخول — على صفحة

VerdictPanel

مسموحٌ بالدخول

زيارةٌ مسجَّلة لليوم ⁦10:00 – 13:00⁩ · قسم تقانة المعلومات

يحتاجُ مرافقاً

تنبيه — يحتاجُ قرارَك

زيارتُه مسجَّلةٌ من ⁦14:00⁩ — وصلَ قبلَ موعدِه بأربعِ ساعات

خارجَ موعدِ الزيارة

الدخولُ ممنوع

أُوقِفتْ هذه البطاقةُ في ⁦2026-10-02⁩ بقرارِ المديرِ التقنيّ

بطاقةٌ موقوفة

قرارُ الدخول — على شاشةِ البوّابة

VerdictPanel tone="dark" size="lg"

مسموحٌ بالدخول

زيارةٌ مسجَّلة لليوم ⁦10:00 – 13:00⁩ · قسم تقانة المعلومات

تنبيه — يحتاجُ قرارَك

زيارتُه مسجَّلةٌ من ⁦14:00⁩ — وصلَ قبلَ موعدِه بأربعِ ساعات

خارجَ موعدِ الزيارةمركبةٌ غيرُ مسجَّلة له

الدخولُ ممنوع

أُوقِفتْ هذه البطاقةُ في ⁦2026-10-02⁩ بقرارِ المديرِ التقنيّ

بطاقةٌ موقوفة

إشارةُ القرار، وشاراتُه

SignalLights · VerdictBadge

سماحتنبيهمنعسماح

الاتّجاهُ والاتّصال

DirectionBadge · ConnectionPill

دخولخروج

متّصلدونَ اتصال7 بانتظارِ الإرسالجارٍ المزامنة

متّصلدونَ اتصال7 بانتظارِ الإرسال

كلُّ التنبيهاتِ التي قد تحملُها حركة

FlagChip

بطاقةٌ موقوفةلا زيارةَ مسجَّلةخارجَ موعدِ الزيارةالوجهُ لا يطابقمركبةٌ غيرُ مسجَّلة لهمركبةٌ بلا حركةالمعدّاتُ لا تطابقسُجِّلتْ دونَ اتصالتعارضٌ بعدَ المزامنةسُمح رغمَ التنبيهيحتاجُ مرافقاًزيارةٌ حسّاسةمسجَّلٌ في الداخلِ أصلاًالبوّابةُ خارجَ الخدمة

قارئُ البطاقات

NfcReader

قُرئتِ البطاقة

اضغطْ على القارئ لتتنقّلَ بين حالاته.

بطاقةُ الضيف

GuestCard · CardNumber

التشكيل — اللاذقيةبطاقةُ ضيف

د. مازن سليمان

كبار الزوار

الإدارة العامّة — دمشق

رقمُ البطاقة

0491 E0C3 5D2A 7F

التشكيل — اللاذقيةبطاقةُ ضيف

باسل ديب

موظف بتصريح دائم

تشكيل طرطوس

رقمُ البطاقة

04C7 719A A23B 81

موقوفة

04A1 3BC2 7F59 80

لوحاتُ المركبات السوريّة

PlateTag

سورياSYحمص512834

سورياSYطرطوس740219سورياSYاللاذقية381605سورياSYحماة226981

سورياSYحمص512834سورياSYدمشق100457

لقطاتُ الكاميرات

CameraFrame · SceneArt

الشماليّة — اللوحة

الشماليّة — أسفلُ المركبة

الشماليّة — الوجه

لا إشارةانقطعتِ الكاميرا عن النظام

الجنوبيّة — الوجه

سجلُّ الحركات

PassageItem

م. وسيم الخطيب

موظف بمهمة مؤقتةالبوّابة الشماليّةغياث العلي

سورياSYحمص512834

سماح09:52

فادي يوسف

خارجَ موعدِ الزيارةسُمح رغمَ التنبيه

فنّي أو مقاول من خارج المؤسسةالبوّابة الجنوبيّةحسام عيسى

«اتّصلَ المضيفُ وأكّدَ الموعدَ الجديد»

سورياSYاللاذقية381605

تنبيه09:31

باسل ديب

بطاقةٌ موقوفة

موظف بتصريح دائمالبوّابة الشماليّةغياث العلي

منع09:14

يزن إبراهيم

سُجِّلتْ دونَ اتصال

موظف بتصريح دائمالبوّابة الجنوبيّة

سورياSYحماة226981

سماح08:47

الموجودون الآن

PresenceCard

م. وسيم الخطيب

موظف بمهمة مؤقتة

قسم تقانة المعلومات

منذ 09:52 · N1في الداخلِ منذ 1س 34د

المرافق: نزار قاسم

د. مازن سليمان

كبار الزوار

مكتب المدير

زيارةٌ حسّاسة

منذ 10:05 · N1في الداخلِ منذ 1س 21د

علاء حسن

زائر من خارج المؤسسة

قسم الموارد البشريّة

منذ 07:40 · S1في الداخلِ منذ 3س 46د

تجاوزَ موعدَ خروجِه

حالةُ البوّابات

GateStatusCard

البوّابة الشماليّة

متّصل

في الداخل

دخولُ اليوم

131

خروجُ اليوم

109

المناوب

غياث العلي

UVSS
LPR
FACE

فتحُ شاشةِ البوّابة

البوّابة الجنوبيّة

دونَ اتصال7 بانتظارِ الإرسال

في الداخل

دخولُ اليوم

خروجُ اليوم

المناوب

حسام عيسى

LPR
FACE

فتحُ شاشةِ البوّابة

بوّابة الخدمة

خارجَ الخدمة

موعدُ الزيارة على مسطرةِ اليوم

VisitWindow

06:0010:00 – 13:0020:00

ضمنَ الموعد · الآن 10:08

06:0014:00 – 16:0020:00

وصلَ قبلَ موعدِه · الآن 10:08

06:0008:00 – 09:3020:00

خارجَ الموعد · الآن 10:08

رسالةُ الزيارة كما قرأها النظام

ParsedMessage

رسالةٌ من التطبيقِ الداخليّ

مكتب المدير — التطبيق الداخلي

السلام عليكم، نرجو تسهيل دخول م. وسيم الخطيب يوم الأحد القادم الساعة 10:00 صباحاً لمراجعة قسم تقانة المعلومات، المضيف م. هاني الشيخ. يحضر بسيارته الخاصة 512834 حمص.

08:14

الضيفاليومالوقتالقسمالمضيفالمركبة

المعدّاتُ المصرَّحُ بها

EquipmentList

حاسوبٌ محمول
الرقمُ التسلسليّ: DL-5420-8XK2
في الداخل
حقيبةُ عُدّة
خرجتْ معه
قرصٌ صلبٌ خارجيّ×2
الرقمُ التسلسليّ: WD-2TB-77310
بقيتْ في الداخل
جهازُ قياس
خرجتْ لاحقاً

قواعدُ التصنيفات

CategoryRules

تصريحٌ دائم

يحملُ بطاقة

فنّيّون

يحملُ بطاقةيحتاجُ مرافقاًتُسجَّلُ معدّاتُه

زوّار

بلا بطاقةيحتاجُ مرافقاًحسّاسة

سلامةُ سجلِّ التدقيق

ChainSeal

السلسلةُ سليمة

كلُّ الصفوفِ مختومة ولم يُعدَّلْ شيء

9f3a…c71e

انقطاعٌ في السلسلة

صفٌّ لا يطابقُ ختمُه ما قبلَه — راجِعْه

ساعةُ الشاشة

LiveClock

10:0800

2026-10-17

10:0800

2026-10-17

الأُطُر

الإطارُ الذي تعيشُ فيه كلُّ شاشة: لوحةُ النظام بشريطِها الجانبيّ، وشاشةُ البوّابةِ الداكنة.

شاشةُ البوّابة — الإطار

ConsoleFrame

البوّابةالبوّابة الشماليّةN1متّصل

المناوبةغياث العلي

10:0800

2026-10-17

قرّبْ البطاقةَ من القارئ

أو ابحثْ بالاسم أو برقمِ اللوحة

/

م. وسيم الخطيب

موظف بمهمة مؤقتة

تشكيل حمص

سورياSYحمص512834

مسموحٌ بالدخول

زيارةٌ مسجَّلة لليوم ⁦10:00 – 13:00⁩ · قسم تقانة المعلومات

يحتاجُ مرافقاً

LPR

UVSS

FACE

الأُطُر

AppShell

لوحةُ النظام هي الإطارُ الذي تراهُ الآن حولَ هذه الصفحة: شريطٌ جانبيٌّ داكن يُطوى، وشريطٌ علويّ فيه البحثُ وحالةُ البوّابات والتنبيهات، وقائمةُ الشخص التي تتيحُ في النموذج معاينةَ الشاشات بصفةِ كلِّ دور.