المستندات والطباعة

كل الورق اللي بتطلعه أمانة: عقود وفواتير وإيصالات وقسائم وشهادات وتقارير وبطاقات. نظام طباعة واحد بنفس الأقواس والختم، لكل نوع شخصيته، وكله بيتقرا بالأبيض والأسود. المقاسات، الخطوط بالنقطة، اللون والحبر، الكسر، الأرقام، الأمان، وإتاحة الـ PDF.

الفكرة: ورق وحبر

أمانة بتطلع ورق بنفس جدية الشاشة. القاعدة: الورق أبيض والنص حبر، واللون إضافة بتحمل معنى (ختم، حالة، رقم واحد كبير)، والأقواس والختم والأرقام الثقيلة هم الهوية. المستند أول حاجة بيقولها: إيه الحالة، وإيه الناقص، قبل أي وعد.

ملف الطباعة

  • assets/css/print.css بعد v2.css في كل صفحة مستند.
  • ورقة = .sheet ثابتة المقاس بالمليمتر، على مكتب رمادي.
  • @media print بيشيل كل شيء غير الورق.

الشخصيات

  • عقد: رسمي وكثيف. فاتورة: جداول نضيفة.
  • إيصال حراري: ضيق وعملي. شهادة: قوس وختم وإطار.
  • تقرير: رقم كبير تحريري. بطاقة: صغيرة ولمسية. نموذج: مساحة كتابة.

الأمان

  • ختم + QR + بصمة + رقم وثيقة.
  • نص مجهري وخطوط من نمط الأقواس.
  • علامة «نسخة تجريبية» على كل مستند تجريبي.
كل مستند في documents/ صفحة HTML قائمة بذاتها، وكل واحد ليه PDF في assets/pdf/ بيتولّد من tools/build-pdfs.sh. المعاينة المصغّرة في لوحة المستندات.

مقاسات الورق والصفحات المسمّاة

كل مقاس له @page باسم، وكل ورقة بتاخد page: name. كده المستند الواحد يجمع مقاسات (بطاقة CR80 جنب ورقة A4) من غير ما نكسر الصفحات. الهوامش على الـ @page دايماً صفر، والورقة نفسها هي اللي بترسم الهامش الآمن (ده بيسمح بلون كامل لحد الحافة وعلامات قص مضبوطة).

المقاسات بنسبتها الحقيقية (الخط المنقط = الهامش الآمن)
A4
210 × 297
A4 أفقي
297 × 210
A5
148 × 210
A5 أفقي
210 × 148
80
رول 80 × متغير
CR80
85.6 × 54
DL
220 × 110
الورقةالمقاس (مم)@page و classهامش آمن (جانبي / علوي / سفلي)الاستخدام
A4 رأسي210 × 297a4 · .sheet--a415 / 14 / 18عقد، فاتورة، تقارير، كشف، نماذج، ورق مراسلات
A4 أفقي297 × 210a4l · .sheet--a4l14 / 12 / 14شهادة التوثيق
A5 رأسي148 × 210a5 · .sheet--a511 / 11 / 13نماذج قصيرة (متاح، لا يستخدمه مستند حالياً)
A5 أفقي210 × 148a5l · .sheet--a5l11 / 10 / 12قسيمة المرتب، إيصال استلام نقدية بكعب
رول حراري80 × متغير (208)thermal · .sheet--thermal4.5 / 7 / 7إيصال دفع (مساحة الطباعة الفعلية 72 مم)
بطاقة CR8085.6 × 54cr80 · .sheet--cr804 / 4 / 4بطاقة تعريف العاملة، وورقتا قص A4 لـ 8 بطاقات
مظروف DL220 × 110dl · .sheet--dl10 / 9 / 9مراسلات
كارت شخصي85 × 55 (+3 قص)bcard · .sheet--bcard6 / 5 / 5كارت الموظف
شاشة640 × 270 px · 1080 × 1350 pxsigmail · social24 px · 72 pxتوقيع البريد، بطاقة واتساب 4:5

القص (bleed) وعلامات القص

أي لون أو صورة بتوصل للحافة (ظهر الكارت الأصفر، ورقة CR80) لازم تتمد 3 مم برّه خط القص، والنص والشعار يبعدوا 5 مم على الأقل عن الحافة (4 مم في CR80). ورقتا قص البطاقات بتجيب علامات قص 5 مم خارج الشبكة. ?annotations=on على أي مستند بيعرض الهامش الآمن للمراجعة، ومش بيتطبع.

سلّم الخطوط بالنقطة (pt)

الطباعة بالنقطة مش بالبكسل. العناوين Tajawal 800 والأرقام الكبيرة، والقراءة Readex Pro. أصغر حجم لأي معلومة 9 نقاط. السبع نقاط مسموحة للنص المجهري الزخرفي بس (مش معلومة، وبـ aria-hidden).

Tokenالقيمةالخطالاستخدامعيّنة
--pt-micro7ptArial (SVG)نص مجهري زخرفي فقطAMANA · VERIFIED
--pt-xs9ptReadex 400/600تذييل، تسميات، حواشٍ، حد أدنى للمعلومةرقم الوثيقة والتاريخ
--pt-sm9.5ptReadexنص كثيف: عقد، جداولبنود العقد والجداول
--pt-base10.5ptReadexالقراءة الافتراضية، سطر 1.6فقرة قراءة عادية
--pt-md12ptTajawal 800 / Readexمقدمة، عنوان صغيرعنوان صغير
--pt-lg14ptTajawal 800عنوان قسمعنوان قسم
--pt-xl18ptTajawal 800عنوان رئيسي للمستند الكثيففاتورة
--pt-2xl24ptTajawal 800عنوان صفحةكشف عمولات
--pt-3xl36ptTajawal 800عنوان المستند، رقم مؤشر9,000
--pt-4xl / 5xl56 / 96ptTajawal 800أرقام الغلاف التحريري (واحد في الصفحة)41

الكلاسات: .p-mega .p-giant .p-display .p-title .p-h1 .p-h2 .p-h3 .p-lead .p-body .p-dense .p-small .p-eyebrow. العربي مفيهوش تباعد حروف أبداً، والعناوين text-wrap: balance.

اللون والحبر

الأبيض ورق، وحبر منتصف الليل #0e2a33 هو كل النصوص (13.7:1). الألوان الأربعة بمعانيها (فيروزي ثقة، طماطم انتباه، شمس تمييز، ليلكي رعاية) إضافة بتحمل كلمة وأيقونة، ومفيش نص ملوّن غير الغامق من نفس العائلة (طماطم غامق، فيروزي غامق). النص على أي لون صريح حبر.

اللونالقيمةدرجة الرمادي عند الطباعةمعناه في الورق
حبر#0e2a3314%النص، الخطوط، الظل الصلب
فيروزي#12b3a056%موثّق، تم، المستوى 2
طماطم#ff6b4a53%مستحق، انتباه، رقم الإيصال
ليلكي#b8a6ff69%رعاية، الأسرة، العقد
شمس#ffc53d78%تمييز واحد: الإجمالي، المستوى 3
الفيروزي والطماطم بيطبعوا بنفس الرمادي تقريباً (56% و53%). علشان كده مفيش حالة بتتفرق باللون: كل حالة ليها كلمة وأيقونة وشكل إطار (متصل، متقطع، مزدوج).

قواعد الحبر

قواعد الرمادي (أبيض وأسود)

أي مستند لازم يمر باختبار واحد: صوّره بـ filter: grayscale(1) وشوف لو أي معلومة ضاعت. التمثيل بالأسفل هو نفس المكوّنات ملونة ورمادية جنب بعض.

الحالة بالألوان وبالرمادي: نفس الكلمة والأيقونة والإطار
تم الدفعجاريةمستحقةلا شيءمستوى 2مستوى 3مستحقة
تم الدفعجاريةمستحقةلا شيءمستوى 2مستوى 3مستحقة
الحالةالإطارالأيقونةالكلمة
تم / ناجحمتصل 1ptعلامة صحتم، مدفوعة، صُرف
جارٍ / ينتظرمتقطعساعةجارية، متوقع، مشروط
مشكلة / متأخرمزدوج 2.4ptتنبيه أو ×مستحقة، لم يتحقق، بلاغ مفتوح
لا ينطبقرمادي متصلشرطةلا شيء، لم يثبت

قواعد الصفحات والكسر

الورقة = صفحة مادية. الصفحة المتعددة = عدة .sheet بمحتوى معروف مقاسه، مش نص بيتدفق ويتكسر. كده الغلاف والتوقيع ولا مرة بيتفصلوا. لما المستند يتدفق فعلاً (كشف حساب طويل) بنستخدم body.pdoc--flow وصفحة @page flow.

القاعدةكيف
الصف ما يتكسرش.ptable tr { break-inside: avoid }، والترويسة تتكرر thead { display: table-header-group }
العنوان ما يتفصلش عن فقرتهh1..h4 { break-after: avoid }، والفقرات orphans: 3; widows: 3
التوقيع ما يتفصلش عن النص.psig, .pesign { break-inside: avoid }، وصفحة التوقيع صفحة لوحدها
كل ورقة صفحة.sheet { break-after: page } وآخر ورقة auto
مفيش صفحة بيضاارتفاع الورقة بيطرح 0.3 مم في الطباعة، وعرضها 100% من الصفحة
رأس وتذييل وأرقام صفحاتتذييل ثابت .pfoot بعدّاد counter(sheet) ورقم الإجمالي في data-of (يشتغل في كل المتصفحات). في وضع التدفق: @page flow بصناديق الهامش @top-right و@bottom-center (Chrome 131+)
عدد الصفحاتبيتتأكد في tools/build-pdfs.sh (بيطبع Pages بعد كل ملف)

الأرقام والتواريخ والفلوس

أرقام غربية (0 إلى 9) في كل مكان. الفلوس والأرقام التعريفية معزولة LTR (.pnum)، وفي الجداول المبلغ دايماً بخانتين عشريتين وبمحاذاة اليمين علشان العلامة العشرية تتحاذى تحت بعضها.

جدول فلوس: العلامة العشرية في عمود واحد
البندالكميةالمبلغ (ج.م)
عمولة تعيين، مرحلة 1 (30%)12,250.00
رسم تشغيل الدفع140.00
ضريبة القيمة المضافة 14%1320.60
الإجمالي2,610.60

السطر المزدوج اللغة

العربي الأول دايماً، وتحته لغة العاملة أو الإنجليزي بحجم 9 نقاط. سطر الترجمة بيتحط في <span dir="ltr" lang="..."> داخل كتلة RTL، فتفضل محاذية لليمين والترقيم ما يتقلبش. الأمهرية والتغرينية بخط Noto Sans Ethiopic.

مكوّن .pbi
صافي المرتبMshahara halisi
لك يوم راحة كل أسبوع، ولا أحد يحجز وثائقك.Una siku ya mapumziko kila wiki; hakuna anayeshikilia hati zako.
أي مشكلة؟ بلّغي سراً من التطبيق.ችግር ካለ በሚስጥር ያሳውቁ።

عناصر الأمان

الأمان في الورق هو إمكانية التحقق، مش الزخرفة. كل مستند مهم فيه رقم وثيقة + رابط تحقق + بصمة، وبعضها فيه ختم وإطار بنص مجهري. الرابط والـ QR بيفتحوا الحالة فقط (صحيح، موقّع، آخر إصدار) ولا بيعرضوا بيانات شخصية.

الختم والختم المطاطي والتوقيع الإلكتروني
مستوى 2مستوى 3عقدمدفوعة2026-10-27مستحقة
وُقّع بكلمة سر لمرة واحدة
رنا أحمد حسن
الطرف الأول · 2026-10-27 11:42
a41f·92c0·7be3
QR (تجريبي) وباركود ورقم الوثيقة
QR تجريبيامسح للتحقق4871-KQ7Mverify.amana.example/c/4871-KQ7M
R2026063317
رقم الوثيقة AMN-C-2026-004871sha256 9f3a 41c7 d28e 0b65
نص مجهري، خطوط من نمط الأقواس، وعلامة مائية
نسخة تجريبية
العنصرClassالقاعدة
ختم دائري.pseal + .is-teal|sun|lilحلقة متقطعة داخلية، مائل 8°. أيقونة + كلمة. بحجم --s.
ختم مطاطي.pstampإطار مزدوج وكلمة بحجم 18pt. «مدفوعة» (فيروزي غامق) أو «مستحقة» (طماطم غامق).
توقيع إلكتروني.pesignالاسم، الصفة، الوقت، بصمة قصيرة، وطريقة التوقيع.
QR وباركود.qr .barcodeأقل مقاس 20 مم، وحد هادئ أبيض. الموجود هنا نمط تجريبي مش قابل للمسح.
نص مجهري.pmicro .pframeارتفاع 1.6 مم، زخرفي، aria-hidden.
نمط أقواس دقيق.pguilخط 0.45 وحدة من نمط الأقواس، شفافية 35 إلى 55%.
علامة مائية.wm«نسخة تجريبية» أو «مسودة»، 7% شفافية، تحت المحتوى، مائلة 30°.

رحلة التحقق

1امسح أو افتح الرابطالرمز بيحمل رقم الوثيقة وكود قصير. مفيش اسم ولا رقم قومي جواه.
2الصفحة بتقول الحالةصحيح أو ملغي أو متعدّل، وتاريخ آخر إصدار، ومين وقّع.
3قارن البصمةبصمة SHA-256 الظاهرة على الورقة لازم تطابق بصمة الملف في الصفحة.
4اختلاف؟ بلّغأي اختلاف بين الورقة والصفحة بيتبلّغ لفريق الثقة والسلامة.

إمكانية وصول ملفات PDF

PDF اللي بيطلع من Chrome بيكون Tagged (فيه شجرة هيكل)، فكل اللي بنكتبه صح في HTML بينتقل: العناوين والجداول والقوائم واللغة. قبل ما أي مستند يتسلّم نتأكد من القايمة دي.

البندالمطلوبكيف نتحقق
عنوان المستند<title> فيه النوع والرقم: «عقد عمل منزلي AMN-C-2026-004871».pdfinfo file.pdf (Title)
اللغة<html lang="ar-EG" dir="rtl">، وlang على كل سطر بلغة تانية.قارئ الشاشة بيبدّل النطق
ترتيب القراءةترتيب الـ DOM هو ترتيب القراءة (اليمين لليسار، من فوق لتحت). مفيش position بيقلب الترتيب البصري عن المنطقي.انسخ النص من PDF وشوف ترتيبه
العناوينh1 واحد للمستند، h2 للأقسام، h3 لما تحتها. مش خط كبير بس.pdfinfo يقول Tagged: yes
الجداولth وthead وcaption، والخلايا الفاضية فاضية مش بمسافات.مراجعة يدوية
الصور والرموزQR والباركود role="img" مع aria-label. الزخرفة (نص مجهري، خطوط) aria-hidden.الزخرفة ما تظهرش في الاستخراج
الحجم والتباينأقل 9 نقاط. النص الأساسي 7:1 أو أعلى (حبر على أبيض 13.7:1). التباين على الألوان الصريحة حبر.صفحة الألوان + اختبار الرمادي
اللون وحدهمفيش معلومة باللون بس: كلمة وأيقونة وشكل.filter: grayscale(1)
الروابطالرابط مكتوب نصاً على الورق (مفيش «اضغط هنا»)، وقابل للنسخ.مراجعة يدوية
حدود معروفة. خط Readex Pro بيتضمّن في الـ PDF كـ Type 3 (النص قابل للتحديد والنسخ لكن حجم الملف أكبر). وما فيش علامات PDF/UA رسمية: للمستندات اللي تحتاج اعتماد رسمي بنستخدم أداة تحقق خارجية قبل التسليم.

المستندات الاثنا عشر

كل ملف جاهز للفتح والطباعة، وله PDF متولّد. لوحة المعاينة فيها شروحات كل مستند: مقاسه ومتى بيتولّد ولمن بيروح.

المستندالورقةالصفحاتالشخصيةملفات
عقد عمل منزليA43رسمي وكثيفHTML · PDF
فاتورة ضريبيةA41نضيفة وجدوليةHTML · PDF
إيصال حراري80 مم1ضيق وعمليHTML · PDF
إيصال استلام نقديةA5 أفقي1دفتر إيصالات بكعبHTML · PDF
قسيمة مرتبA5 أفقي1دافئة، العاملة أولاًHTML · PDF
كشف عمولاتA42دفتر حسابات هادئHTML · PDF
شهادة توثيقA4 أفقي2احتفالية: قوس وختمHTML · PDF
بطاقة تعريف العاملةCR80 + A44صغيرة ولمسيةHTML · PDF
تقرير حادثةA42سرّي وجادHTML · PDF
تقرير أداء المكتبA44تحريري برقم كبيرHTML · PDF
تقييم التجربة والاستبدالA43مساحة كتابة واسعةHTML · PDF
الهوية خارج النظامA4 · DL · كارت · px6هادئة ومتسقةHTML · PDF

إزاي تعمل مستند جديد

انسخ رأس أي مستند وغيّر المحتوى. الجسم دايماً <main class="desk"> فيه ورقة أو أكتر. وبعدين شغّل tools/build-pdfs.sh اسم-الملف.

<html lang="ar-EG" dir="rtl" class="pdoc">
<head>
  <title>نوع المستند + الرقم | أمانة</title>
  <meta name="color-scheme" content="light">
  <!-- نفس روابط الـ CSS مثل wireframes، وبعدها -->
  <link rel="stylesheet" href="../assets/css/print.css">
</head>
<body class="pdoc" data-root="../">
  <div class="doc-bar noprint">... زر window.print() ...</div>
  <main class="desk">
    <section class="sheet sheet--a4" aria-label="الصفحة 1 من 1">
      <header class="phead">...</header>
      ...
      <footer class="pfoot"><span class="pfoot__id">رقم الوثيقة</span><span class="pfoot__page" data-of="1"></span></footer>
    </section>
  </main>
</body>

أوضاع المعاينة بالـ URL: ?theme=light (إجباري للـ PDF)، ?wrap=1 (الأوراق جنب بعض بدون شريط، تستخدمها لوحة المستندات)، ?annotations=on (الهامش الآمن).

افعل ولا تفعل

مستحقة قبل 3 نوفمبر
الحالة بكلمة وأيقونة وإطار مزدوج: تتقرا بالأبيض والأسود.
نقطة حمراء بدون كلمة: بتبقى رمادية وبلا معنى في الطباعة.
تم توثيق الهوية والخلفية والفحص الطبي يوم 3 أكتوبر. المراجع والمقابلة لم تتم.
الحالة والناقص وتاريخ المراجعة.
موثّقة 100% ومضمونة
وعد لا نملكه. الشهادة بتصف ولا بتضمن.
أوافق على الاستمرار بالمهام والأجر في العقد.
خانة اختيار 4.4 مم أو أكبر وسطر نص بجانبها.
أوافق على الاستمرار بالمهام والأجر في العقد ( )
خط 7 نقاط وقوسان للتأشير: لا يُقرأ ولا يُكتب فيه.