دليل الهوية
تستخدم صفحات الفنادق والنُزُل المتعاقد معها هوية الموقع نفسها: الشعار، والزخارف، والألوان، والخطوط، وقواعد الحركة. يعرض هذا الدليل عناصر الهوية من المكوّنات الفعلية للموقع، ويوضّح طريقة استخدامها.
لوحة 01
الشعار رسم معتمد لاسم الشركة، وليس نصًا بخط طباعي. يظهر الاسم العربي فوق الاسم اللاتيني. استخدم ملف الشعار الأصلي، ولا تعِد كتابة الاسم بخط بديل.
wordmark.svg · 402.87 × 176.66 · مساران، لون واحد
اترك مساحة خالية حول الشعار من الجهات الأربع، تُقاس نسبةً إلى ارتفاعه. يجب ألا تتداخل معها الصور أو الفواصل أو الشعارات الأخرى. تسري القاعدة على جميع أحجام الشعار.
الحد الأدنى لعرض الشعار على الشاشة هو 96 بكسل. يؤدي تصغيره أكثر إلى تداخل الحروف العربية وصعوبة قراءة الاسم.
96 بكسل: الحدّ الأدنى
لوحة 02
تتكوّن العناصر الرسومية من رمز الأقواس المعتمد والنجمة الرباعية المستخدمة في الزخارف. استخدم رمز الأقواس من ملفه الأصلي، ولا تعِد رسمه.
رمز الشركة ثلاثة أقواس متداخلة ومفتوحة من الأسفل، مستوحاة من أروقة الحرم. يُنشر في ملف واحد باللون #A98459، ويمكن تلوينه بألوان الهوية المعتمدة. يستخدم الموقع الملف نفسه في أيقونة المتصفح وستارة الانتقال وهذا الدليل.
لا تعِد رسم الرمز أو تعبئة فراغاته أو إضافة لون ثانٍ إليه. الحد الأدنى لحجمه 16 بكسل؛ تظهر الأقواس متداخلة عند استخدام حجم أصغر.
تُرسم النجمة من ثماني نقاط على دائرتين: أربع نقاط على المحورين عند نصف القطر، وأربع نقاط على الأقطار عند ثلثه تقريبًا. تُوصل النقاط بالتناوب، دون منحنيات أو تدرّجات، وباللون نفسه المستخدم للنص المحيط.
لكل منشأة بذرة رقمية تولّد زخرفة ثابتة في كل عرض. جرّب تغيير البذرة لمقارنة النتيجة. تستخدم ثلاث زخارف أدناه هذه الطريقة، أما الرابعة فهي رسم معتمد من الشركة ولا تتأثر بالبذرة.
يجب استخدام مولّد أرقام عشوائية ذي بذرة ثابتة في الزخارف، لضمان تطابق العرض على الخادم وفي المتصفح وثبات هوية المنشأة.
الزخرفة الرابعة رسم معتمد من الشركة وليست نمطًا مولّدًا. حوافها غير قابلة للتكرار المتصل؛ لذا تُعرض مرة واحدة بحجم كبير. استخدمها بدرجة الشفافية الأصلية دون إعادة تلوينها أو تكديس نسخ منها. تُستخدم في ستارة الانتقال فقط.
لوحة 03
العنابي والكريمي هما اللونان الأساسيان للهوية. تُستخدم خلفيات بيضاء، وأزرار رئيسية عنابية، وزخارف ذهبية. تُختار بقية الدرجات من التدرّجات المعتمدة، وتُعرض جميع شاشات الموقع بالنمط الفاتح.
تُحسب نسب التباين في المتصفح باستخدام الألوان الفعلية لهذه الصفحة.
العنّابي
-
الكريمي
-
الذهبي
-
البُنّي الداكن
-
الورق
-
الحبر
-
تُقاس ألوان الشاشة في المتصفح، أما الجدول التالي فيعرض مواصفات الطباعة المعتمدة من الشركة. تختلف مواصفات الحبر عن مواصفات الضوء؛ استخدم قيم هذا الجدول لطباعة اللوحات والبطاقات ومعلّقات الأبواب.
| الحبر | Hex | CMYK |
|---|---|---|
| البُنّي الداكن | #4E332A | C50 M70 Y72 K55 |
| شبه الأسود | #1C1714 | C68 M68 Y70 K84 |
| الشمبانيا | #BFA06A | |
| الحجري | #C9BCA6 | |
| الكريمي | #E9DECB | |
| الورق | #FAF7F0 |
على أرضية داكنة يكون الشعار شمبانيا، #BFA06A. والدليل لا يذكر بديلًا ثانيًا.
الجرانيت : الأسطح والحدود والفواصل
الذهبي : اللون المميّز، ولا شيء غيره
الحبر : مراتب النص
توضّح ألوان الحالة نتيجة الإجراء أو وضع الحجز، ولا تُستخدم للزينة. يدل الأخضر هنا على تأكيد الحجز.
مؤكَّد
--color-success
يحتاج مراجعة
--color-warning
ملغى
--color-danger
للعلم
--color-info
لوحة 04
يُستخدم خط فُسطاط للعناوين العربية، وIBM Plex Sans Arabic لنصوص الواجهة والحقول، وMontserrat للنصوص اللاتينية. تتشارك المنشآت هذه الخطوط مع اختلاف اللون والزخرفة.
راحة تليق بضيفنا
فُسطاطعناوين عربية
متغيّر · 200-800 · ملف واحد
اختر مدة الإقامة المناسبة
IBM Plex Sans Arabicالواجهة والنص
خمسة أوزان · 300-700
A place for every stay.
Montserratالنصوص اللاتينية
متغيّر · 100-900 · بلا تحميل مسبق
تُحسب أحجام الخطوط باستخدام clamp() لتناسب الشاشات من عرض 320 بكسل حتى دقة 4K. تعرض القيم التالية الأحجام الحالية؛ وتتغيّر عند تغيير عرض النافذة.
مقيسة عند عرض - بكسل
يمكن تقسيم النص العربي إلى كلمات عند التحريك أو القياس أو الاختصار. لا تقسّمه إلى حروف منفصلة، لأن ذلك يقطع اتصال الحروف ويشوّه شكل الكلمات.
بالكلمة
عبدالعزيزالغامدي
بالحرف
تُستخدم الأرقام الغربية افتراضيًا في العربية والإنجليزية لتسهيل مقارنة المبالغ بكشوف الحسابات البنكية.
غربية: الافتراضي
1,276
هندية: عند الطلب فقط
١,٢٧٦
لوحة 05
للحركة نمطان: موسّع للصفحات التعريفية، ووظيفي للحجز والدفع وشاشات الموظفين. يركّز النمط الوظيفي على سرعة إنجاز الإجراء ووضوحه.
موسّعة
صفحات الشركة والمنشآت
وظيفية
الحجز والدفع وشاشات الفريق
عند تطبيق النمط الوظيفي على جزء من الصفحة، تُختصر مدد الحركة في جميع مكوّناته تلقائيًا دون إعداد كل مكوّن على حدة.
عند تفعيل إعداد تقليل الحركة، يُعرض المحتوى بتخطيطه الأصلي دون إخفاء عناصر تنتظر حركة لن تُنفّذ.
لوحة 06
تعرض هذه الصفحة المكوّنات المشتركة المستخدمة في مسار الحجز ولوحات الموظفين. يمكن تجربة العناصر مباشرة.
استخدم إجراءً رئيسيًا واحدًا في كل شاشة، وأزرارًا ثانوية للبدائل، وزرًا شفافًا للخروج. تُخصّص أزرار الخطر للإجراءات ذات الأثر الكبير، مثل إلغاء الحجز.
تستخدم القوائم وحقول التاريخ مكوّنات مخصّصة من src/reusables، مع حركة عند الفتح والإغلاق، بدلًا من عناصر المتصفح الأصلية.
يرجى مراجعة هذا الحقل.
اختر تاريخ البداية وعدد الأشهر.
اختر مدة الإقامة للاطّلاع على خيارات الحجز المناسبة.
يستخدم الجدول بيانات المنشآت الفعلية لعرض المكوّن دون إنشاء بيانات ضيوف افتراضية.
| المنشأة | الحي | الغرف | الحالة |
|---|---|---|---|
| فندق قيروان المشاعر 2 | المعابدة | 143 غرفة | تم التأكيد |
| فندق قيروان المشاعر 1 | الزهراء | 101 غرفة | تم التأكيد |
| فندق قيروان المشاعر 3 | الزهراء | 110 غرف | تم الحفظ |
لا توجد حجوزات مطابقة
عدّل البحث أو امسح عوامل التصفية.
يستخدم الموقع ستارة انتقال وهيكلًا مؤقتًا للصفحة. تظهر الستارة قبل أول رسم باستخدام CSS وترميز الخادم. ويظهر الهيكل المؤقت داخل الصفحة أثناء تحميل بقية المحتوى.
RouteCurtain. الشعار كقناع CSS فوق أرضية الگره، وبالمكوّن نفسه الذي ترسمه الستارة.
StaffPageSkeleton وPublicPageSkeleton. مقاسات ما هو قادم، حتى لا يتزحزح شيء حين يصل.
لوحة 07
تعرض الأمثلة التالية المكوّنات الفعلية المستخدمة في مسار الحجز، وليست صورًا توضيحية لها.
الريال السعودي يساوي 100 هللة. تُحسب المبالغ وتُحفظ بأعداد صحيحة من الهللات لتجنّب أخطاء الكسور العشرية وضمان تطابق إجمالي الفاتورة مع مجموع بنودها.
| الإقامة | المخزَّن | المعروض |
|---|---|---|
| قيمة الإقامة | 19988 | 199.88 ر.س |
| ضريبة القيمة المضافة 15٪ | 2998 | 29.98 ر.س |
| الإجمالي المستحق | 22986 | 229.86 ر.س |
يُحتسب يوم الوصول بوصفه الليلة الأولى، ولا يُحتسب يوم المغادرة ليلةً إضافية. يتيح ذلك مغادرة ضيف ووصول آخر في اليوم نفسه دون تداخل الإقامتين أو حجز الغرفة مرتين.
ليالٍ محسوبة: 3
يُستخدم تقويم أم القرى للتواريخ الهجرية. قد يختلف عن التقويم الإسلامي العام بيوم، لذلك يجب اعتماد أم القرى عند عرض تواريخ الإقامة والمواسم.
Gregorian
2 ديسمبر 2026
islamic-umalqura
22 جمادى الآخرة 1448 هـ
لوحة 08
تعتمد الهوية لغة واضحة ومصطلحات موحّدة في الموقع ومسار الحجز ورسائل الضيوف. يحدّد هذا القسم الرسالة الأساسية وأسلوب صياغة النصوص.
إقامة تناسب زيارتكم إلى مكة المكرمة.
تركّز رسالتنا على مساعدة الضيف في اختيار الإقامة المناسبة لدى فنادق ونُزُل نتعاقد معها ونتولى جزءًا من حجوزاتها. يجب أن يوضح كل نص معلومة تساعده على الاختيار أو إتمام الحجز.
نكتب بالعربية الفصحى الواضحة، بأسلوب مرحّب ومباشر، دون تعبيرات عامية أو مبالغة. نخاطب الضيوف بصيغة الجمع احترامًا، ونستخدم المصطلح نفسه للمعنى نفسه في جميع الصفحات والرسائل. تُكتب تعليمات الموظفين بصيغة المفرد المباشرة.
المسافة إلى الحرم
قل: اذكر المسافة ووسيلة الوصول ومدة الرحلة، مع توضيح طريقة القياس.
لا تقل: «ملاصق للحرم» عندما يتطلب الوصول رحلة بالحافلة.
السعر
قل: وضّح السعر وما يشمله وما لا يشمله قبل تأكيد الحجز.
لا تقل: «أرخص سعر في مكة».
ما يقدّمه المكان
قل: اذكر الخدمات المتاحة فعلًا، مثل التكييف والإنترنت اللاسلكي ومواعيد الاستقبال.
لا تقل: «فاخر». «استثنائي». «عالمي».
الضيوف
قل: صِف الغرفة والمبنى.
لا تقل: ذكر اسم ضيف أو تصويره أو اقتباس كلامه دون إذنه.
الإقامات الطويلة
قل: عقود شهرية وفصلية، وما يتغيّر مع كل مدة.
لا تقل: «سنة كاملة» والفصلي متاح.
الحجز
قل: احجزوا مباشرة من الموقع، أو تواصلوا مع المنشأة عبر واتساب.
لا تقل: «سارعوا، هذه آخر غرفة» دون بيانات توافر تؤكد ذلك.
المواسم
قل: وضّح اختلاف الأسعار في رمضان والحج قبل تأكيد الحجز.
لا تقل: «سعر واحد طوال العام».
الحجاج والمعتمرون
قل: تحدّث عن الإقامة: الغرفة، والمسافة، والنقل.
لا تقل: جعل الحج أو العمرة نفسه سببًا للحجز معنا.
العائلات
قل: وضّح سعة الغرفة والخدمات المتاحة ومعلومات الاستقبال والأمن.
لا تقل: افتراض من يحجز، أو من يدفع.
تسري هذه القواعد على الموقع ومسار الحجز ورسائل البريد والتواصل عبر واتساب. تُبنى النصوص على معلومات مؤكدة، ولا تتضمن وعودًا أو أسعارًا أو خدمات غير مثبتة.
لوحة 09
تتضمّن هذه القائمة ملفات الهوية الأصلية التي يستخدمها الموقع. يمكن تنزيلها مباشرة من الروابط التالية.
تستخدم الصفحة خطوط فُسطاط وIBM Plex Sans Arabic وMontserrat. تُقاس الألوان في المتصفح، وتُولّد الزخارف من بذور ثابتة. يتيح الموقع حجز الإقامة لدى فنادق ونُزُل متعاقد معها.
العودة إلى المنشآت