برانڊنگ ۽ ڊيزائن سسٽم

سنڌ آءِ ٽي پورٽل — سهولت ڊيسڪ (SITP) لاءِ بصري سڃاڻپ، لوگو سسٽم، رنگ پيليٽ، ٽائپوگرافي، اجرڪ آئيڪن گرافي، ڪمپوننٽ theming، لي آئوٽ، ليٽر هيڊ ٽيمپليٽس، ۽ برانڊ ۽ عهديدارن CMS جي تفصيل۔

1. دائرو ۽ تعريفون

هي دستاويز ان ڳالهه جو هڪ واحد مستند حوالو آهي ته سنڌ آءِ ٽي پورٽل — سهولت ڊيسڪ هر سطح تي ڪيئر نظر اچي ٿو، پڙهيو وڃي ٿو، ۽ محسوس ٿئي ٿو: عوامي Next.js پورٽل، اسٽاف/سهولت ڪنسرول کنسول، شامل Metabase ڊيش بورڊز، Docusaurus دستاويزن جي سائيٽ، مستقبل جو PWA / React Native ايپ، تيار ڪيل سرڪاري خطوط ۽ سرٽيفڪيٽس، اي ميل/SMS/WhatsApp ٽيمپليٽس، ۽ پرنٽ ٿيل ليٽر هيڊ۔ پروڊڪٽ ۾ شپ ٿيندڙ هر ڪمپوننٽ هتي بيان ڪيل tokens ۽ اصولن مان لازمي ٺاهيو ويندو؛ ڊيزائن-سسٽم ڪوريوج تي NFR (NFR-USA-… ≥ 95 % لائبريري ڪمپوننٽس مان) هن دستاويز جي مقابلي ۾ لاڳو ڪئي وڃي ٿي۔

لغت (مختصر روپ؛ مڪمل لاءِ _glossary.md ڏسو):

هيٺ سڀ بصري فيصلا رن ٽائم تي ترتيب ڏئي سگهبا آهن برانڊ ۽ عهديدارن CMS (FR-OFC-007) ذريعي، اشاعتي تي نسخو بند ٿين ٿا، ۽ ايٽمي طور پکڙجن ٿا (FR-OFC-003)۔ هتي بيان ڪيل قدر مقفل طئي ٿيل آهن۔

2. برانڊ سڃاڻپ جو جائزو

SITP برانڊ اجرڪ کان متاثر ۽ بلا جھٽڪ سنڌي آهي۔ اهو ڪو به عام سرڪاري پورٽل اسڪن ناهي؛ اهو صدين پراڻي دستڪاريءَ جي ريت جو ڊجيٽل تسلسل آهي۔ ٽي عهد هن سڃاڻپ جي تعريف ڪن ٿا:

1. ثقافتي گونج۔ پيليٽ (نيرو / عنابي / ڪارو)، هندسو (متناسب tessellation، trefoil ۽ اٺ-نقطو ستارو)، ۽ آئيڪن گرافي (سنڌي topo، نل قلم، درياهه) سنڌ جي بصري ذخيري مان ورتل آهن۔ برانڊ رابطي جي پهرين سيڪنڊ ۾ هن جاءِ جو محسوس ٿئي ٿو۔
2. سرڪاري وقار۔ پروڊڪٽ سنڌ حڪومت جي S&ITD جي اختيار هيٺ هلائي وڃي ٿي۔ شامل بنيادي نشانيون (سنڌ حڪومت جي مهر، S&ITD لوگو) ۽ سينئر عهديدارن جا رڪارڊز (وزير/SACM، سيڪريٽري، DG) اهو اختيار کڻن ٿا۔ ليٽر هيڊ، سرٽيفڪيٽس، ۽ ڊيش بورڊز مهر ۽ موجوده عهديدار کانسواءِ ڪڏهن به ظاهر نہ ٿين ٿا۔
3. جدید سروس جي وضاحت۔ برانڊ پرسکون، پڙهڻ ۾ آسان، ۽ ڊجيٽل-پهرئين آهي۔ اجرڪ هڪ اڪسينٽ آهي، ڪڏهن شور جي تہه ناهي۔ عام تحرير سادو سطحن تي آهي؛ موٽيف ڪنارن، هيڊرز، ۽ ڊوائڊرز تي رهن ٿا۔ رسائي (EN/UR/SD ۾ WCAG 2.1 AA، RTL-نيٽو) هڪ برانڊ عهد آهي، چيڪ لسٽ ناهي۔

ٽيگ لائن (EN)۔ IT ڪمپنين لاءِ هڪ واحد درويچو ته جيئن سنڌ حڪومت جي محڪمن سان مسئلا حل ڪيا وڃن۔

ٽيگ لائن (UR / SD)। منظور ٿيل ترجما _glossary.md ۾ محفوظ آهن ۽ i18n ڪيٽلاگ ذريعي پيش ڪيا وڃن ٿا؛ ڪڏهن به عارضي طور ٻيهر ترجمو نہ ڪريو۔

برانڊ واعده (اندروني)۔ بيورو ڪريسي کان اڳ سهولت۔ هر اسكرين، خط، ۽ اطلاع ڪمپني کي مدد ڪيل محسوس ڪرائڻ گهرجن، نہ پروسيس ٿيل۔

3. لوگو سسٽم

3.1 بنيادي نشان

بنيادي SITP نشان هڪ اجرڪ-گلِ ستارو لوگوگرام آهي — هڪ اٺ-نقطو ستارو (اجرڪ بلاڪ پرنٽنگ جو مرڪزي موٽيف) جيڪو هڪ واحد مسلسل نيرو لڪير طور ٺاهيو ويو آهي، جنهن ۾ عنابي trefoil اندر رکيل آهي۔ ان جي ساڄي پاسي ورڊ مارڪ آهي:

Sindh IT Portal (Inter/Poppins, Semibold) Facilitation Desk (Inter/Poppins, Regular, ننڍڙو, عنابي)

لاڪ اپ ٽن Orientations ۾ موجود آهي:

3.2 هڪ رنگ

مهرن، embossing، هڪ-رنگ پرنٽ، ۽ گهٽ سياهي وارن حالتن لاءِ هڪ رنگ وارو ورژن موجود آهي۔ پورو لاڪ اپ هلڪي تي --brand-black (#1a1a1a) يا گهرهي تي --brand-paper (#ffffff) تي سمٽي ٿو۔ اندروني عنابي trefoil هڪ نڪ آئوٽ (منفي جاءِ) بنجي ٿو، ڪڏهن ٻيو سرمائي ناهي۔

3.3 Favicon ۽ ايپ آئيڪنز

3.4 صاف جاءِ

صاف-جاءِ جي اڪائي X = گلِ ستاري جي اوچائي آهي۔ ڪوبه ٻيو عنصر (تحرير، تصوير، ڪنارو، فولڊ) بنيادي لاڪ اپ جي چئن طرفن تي 1 X جي مارجن ۾ نہ اچي سگهي، جڏهن ڪنهن شامل بنيادي نشان سان گڏ هجي ته 1.5 X۔ صاف جاءِ لاڪ اپ جي سڀ کان ٻاهرين پکسل مان ناپي وڃي ٿي، بشمول ورڊ مارڪ descenders۔

3.5 گهٽ ۾ گهٽ سائز

انهن سائزن کان هيٺ گلِ ستارو پڙهڻ جي صلاحيت وڃائي ٿو؛ سطح جي اجازت مطابق wordmark-only يا monochrome ورينٽ ڏانهن منتقل ٿيو۔

3.6 ڪريو / نہ ڪريو

ڪريو

• برانڊ-اثاثو ريپوزيٽري (§18) مان منظور ٿيل لاڪ اپ فائلون استعمال ڪريو، §3.5 جي سائزن ۾، §3.4 جي صاف جاءِ سان۔
• سرڪاري سطحن تي نشان کي شامل بنيادي نشانيون سان جوڙيو (§4)۔
• هڪ-رنگ يا گهٽ ڪنٽراسٽ پس منظر تي هڪ-رنگ ورژن استعمال ڪريو۔
• گلِ ستاري کي ٺوس --brand-paper يا --brand-indigo-700 ميدان تي سانس ڪرڻ ڏيو۔

نہ ڪريو

• گلِ ستاري کي پيليٽ کان ٻاهر ٻيهر رنگ نہ ڪريو (ڪو به رينبو ناهي، ڪو به سرمائي گريڊينٽ ناهي، ڪو به drop shadow ناهي)۔
• نشان کي ڇڪيو، ٽيڙيو، گهمايو، يا گول نہ ڪريو۔
• نشان کي ڪنهن مصروف تصوير تي ٺوس پينل کانسواءِ نہ رکو۔
• نشان کي از سرِ نو ٺاهيو نہ؛ هميشه master SVG استعمال ڪريو۔
• ڪو به glow، bevel، يا 3-ڊي علاج شامل نہ ڪريو۔
• ورڊ مارڪ لاءِ ٻيو ٽائپ فيس مٽائو نہ۔

4. شامل بنيادي نشانيون ۽ لاڪ اپس

SITP نشان سرڪاري سطحن تي ڪڏهن به اڪيلو اختيار ناهي۔ ٻه شامل بنيادي نشانيون ان سان گڏ ظاهر ٿينديون آهن جتي سنڌ حڪومت جو اختيار استعمال ٿي رهيو هجي: سنڌ حڪومت جي مهر ۽ S&ITD لوگو۔

4.1 سنڌ حڪومت جي مهر

سرڪاري صوبائي مهر (crest، ڳڻ جي بالي، هلال-۽-ستارو، نالي ربن)۔ سنڌ حڪومت پاران جيئن فراهم ڪيل استعمال ڪريو؛ ڪڏهن به ٻيهر نہ ٺاهيو، ڪڏهن به ٻيهر رنگ نہ ڪريو۔ سرڪاري لاڪ اپ ۾ هميشه کاٻي-ٻاهرين نشان هجي (يا RTL ۾ ساڄي-ٻاهرين — §15 ڏسو)۔

4.2 S&ITD لوگو

سائنس ۽ معلوماتي ٽيڪنالاجي محڪمي جو محڪماتي لوگو۔ جيئن فراهم ڪيل استعمال ڪريو؛ پنهنجي باؤنڊنگ باڪس جي اندر محڪماتي رنگ جا اصول فوقيت رکن ٿا۔

4.3 لاڪ اپس

شامل بنيادي نشانيون پنهنجا پنهنجا صاف-جاءِ جا اصول رکن ٿيون؛ جوڙجي تي، وڏي صاف جاءِ حاوي ٿيندي آهي۔ هڪ لاڪ اپ ۾ سڀني نشانيون جي عمودي مرڪز لائن ±1 px تائين هموار ٿيندي آهي۔

5. شامل-برانڊنگ لائن — "Operated by MAAHIR · Powered by Server4Sale"

PPP ترسيل ماڊل هڪ واحد، مقفل attribution لائن ۾ ظاهر ٿئي ٿو جيڪا لازمي طور هر هنڌ نظر اچي جتي پروڊڪٽ عوامي طور پيش ڪئي وڃي ٿي۔ لفظ _context.md §1 ۾ مقفل آهن ۽ انهن کي paraphrase نہ ڪيو وڃي۔

Operated by MAAHIR · Powered by Server4Sale

5.1 رکڻ جا اصول

5.2 شامل-برانڊنگ لفظن جا اصول

• هي لائن هڪ جملو آهي، ٻه جملائي حصا، وچين نقطي (·، U+00B7) سان الڳ۔ ڪڏهن به سليش، hypen، يا comma ناهي۔
• "Operated by" "Powered by" کان اڳ ايندو آهي۔ ترتيب ڪڏهن به مٽائي ناهي وڃي۔
• ٻنهي نالن ۾ canonicial هجي ۽ casing استعمال ٿيندي آهي: MAAHIR (سڀ ڪيپس)، Server4Sale (ڪيمل ڪيس)۔
• پارٽنر logos عوامي فوٽر ۽ ليٽر هيڊ تي لائن سان ڳنڍيل ظاهر ٿي سگهن ٿا؛ اهي سائز ۾ ثانوي آهن (≤ SITP نشان جي اوچائي جو 60 %) ۽ ڪڏهن به شامل بنيادي سرڪاري نشانيون جي جاءِ نہ وٺندا آهن۔

6. رنگ پيليٽ

پيليٽ ٽن مقفل برانڊ رنگن — اجرڪ نيرو، اجرڪ عنابي، ۽ سنڌ ڪارو — جي چوڌاري ٺهيل آهي، جيڪي فنڪشنل اسڪيلز (50–900) ۾ پکڙيا آهن، ۽ neutrals ۽ semantic رنگن سان مڪمل ٿين ٿا۔ هر token جو light-mode ۽ dark-mode ورژن آهي۔ سڀ تناسب ان سطح جي مقابلي ۾ ناپيا وڃن ٿا جنهن تي اهي رکڻ لاءِ ٺهيا آهن؛ ٽيبل ڊيزائن ٿيل جوڙ ۽ ان جو ڪنٽراسٽ تناسب ڏيکاري ٿو۔ WCAG 2.1 AA عام تحرير لاءِ ≥ 4.5:1 ۽ وڏي تحرير ۽ UI ڪمپوننٽس لاءِ ≥ 3:1 گهرن ٿا۔

6.1 برانڊ رنگ

6.2 neutrals

6.3 semantic رنگ

ڊارڪ-موڊ semantic ورينٽس luminance کي ~15 % وڌائين ٿا (مثال طور --semantic-success → #3aa06b) ته جيئن --brand-ink-dark تي تناسب برقرار رهي۔

6.4 استعمال جا اصول

• تحرير هميشه --brand-text / --brand-ink-text مان ورتي وڃي ٿي۔ ڪنهن به رنگين سطح تي باڊي تحرير --brand-indigo-700 يا --brand-maroon-700 ۾ ڪڏهن لڳايو نہ؛ انهن کي ≤ 24 px هيڊنگز ۽ آرائشي اکرام لاءِ محفوظ رکو۔
• ٻئي برانڊ رنگ ڪڏهن به تحرير ۽ پس منظر جي طور تي سڌي سنوت متصل ناهن هوندا۔ نيرو ۽ عنابي صرف موٽيف ۽ ورڊ مارڪ ۾ جوڙيا وڃن ٿا۔
• disabled حالتون --brand-indigo-100 فل + --brand-text-subtle تحرير استعمال ڪن ٿيون؛ opacity کي 50 % کان هيٺ ڪڏهن به گهٽ نہ ڪريو۔
• focus rings هميشه 2 px --brand-indigo-500 هوندا آهن، 2 px --brand-paper آف سيٽ سان (هر سطح تي نظر ايندڙ)۔
• هي پيليٽ اها پيليٽ آهي۔ نئين رنگن لاءِ §18 گورننس ذريعي تبديلي جي درخواست گهرجي؛ ڪوڊ ۾ عارضي hex قدر هڪ نقص آهن۔

7. ٽائپوگرافي

ٽائپوگرافي تعمير جي لحاظ کان ٽي لساني آهي: انگريزي لاءِ لاطنين خاندان، اردو لاءِ nastaliq خاندان، ۽ سنڌي لاءِ naskh خاندان۔ ٽيئي لائن ڊگهائي، x-اوچائي، ۽ وزن ۾ بصري هم آهنگي لاءِ جوڙيا ويا آهن۔

7.1 خاندان

fonts خود-هوسٽڊ آهن (هر locale مطابق subset، font-display: swap) MinIO مان ته جيئن ڊيٽا residency ۽ آف لائن staging پوري ٿئي؛ ڪا به Google Fonts CDN ڪال حد کي ڪراس نہ ڪندي۔

7.2 ٽائپ اسڪيل (modular 1.250 — major third)

7.3 وزن

payload کي محدود رکڻ لاءِ هر خاندان ۾ صرف چار وزن لوڊ ٿين ٿا: 400 (regular)، 500 (medium)، 600 (semibold)، 700 (bold)۔ Italic صرف Inter لاءِ لوڊ ٿيندي آهي (دستاويزي مقصد جي بيان ۽ ادارتي نوٽس لاءِ استعمال ٿيندي آهي)؛ Nastaliq ۽ Naskh ۾ italic ناهي۔

7.4 RTL جوڙڻ جا اصول

جڏهن locale ur يا sd هجي:

• پوري دستاويز پڙهي ٿي (§15)۔ Direction-آگاهه CSS (margin-inline, padding-inline, inset-inline, logical properties) لازمي آهي؛ ڪمپوننٽ CSS ۾ physical left/right منعوع آهن۔
• لاطنين ڊسپلي خاندان ساڳئي صفحي تي اردو/سنڌي هيڊنگز لاءِ مٽايو ناهي وڃي؛ پوري دستاويز ۾ locale جو خاندان استعمال ٿئي ٿو۔
• اردو باڊي لاءِ line-height 2.0 ۽ سنڌي لاءِ 1.7 تي وڌي وڃي ٿي؛ ٽائپ اسڪيل سائز ساڳيا رهن ٿا، صرف ليڊنگ بدلجي ٿي، تنهنڪري لي آئوٽ ٻيهر وهڪرو نہ جهلي۔
• انگ (ٽڪيٽ IDs، تاريخون، رقم) EN ۾ Western Arabic انگن (0–9) ۾، ۽ UR/SD ۾ Eastern Arabic-Indic انگن ۾ render ٿين ٿا جيستائين صارف جي locale ترجيح override نہ ڪري — i18n ڪيٽلاگ (/specs/sd/09-i18n-localization/) ڪنٽرول ڪري ٿو۔
• RTL لائن جي اندر لاطنين اصطلاح (مثال طور SITP-2026-LBR-000123، S&ITD) کي bidi-spoofing reordering کان روڪڻ لاءِ <bdi> ۾ ويڙهيو وڃي ٿو۔

7.5 عددي ۽ تاريخ جا رواج

ٽڪيٽ IDs، تاريخون، ۽ ڪرنسي ٽيبلز ۽ ڊيش بورڊز ۾ tabular-figures (font-variant-numeric: tabular-nums) استعمال ڪن ٿيون ته جيئن ڪالم هموار رهن۔ ٻه ڪلينڊر (Gregorian + Hijri) Hijri تاريخ --brand-text-muted ۾، Gregorian کان هڪ درجو ننڍي، render ٿيندي آهي۔

8. اجرڪ موٽيف ۽ آئيڪن گرافي

8.1 موٽيف لائبريري

اجرڪ مان اخذ ٿيل موٽيفن جي هڪ ننڍڙي، governed لائبريري برانڊ-اثاثو ريپوزيٽري (§18) ۾ برقرار آهي۔ هر موٽيف هڪ SVG آهي جيڪو پيليٽ مان هڪ يا ٻه رنگ رکي ٿو۔ لائبريري ۾ شامل آهن:

موٽيف آرائشي آهن۔ اهي ڪڏهن به اهو معنيٰ نہ رکن جيڪو تحرير ۾ پهچايو نہ ويو هجي، تنهنڪري اسڪرين ريڊر انهن کانسوءِ ساڳي معلومات پڙهندو آهي۔ پنهنجي پس منظر جي مقابلي ۾ < 3:1 ڪنٽراسٽ وارا موٽيف aria-hidden هوندا آهن ۽ رسائي جي وڻ مان خارج هوندا آهن۔

8.2 موٽيف ڪٿي ظاهر ٿين ٿا

8.3 آئيڪن گرافي انداز

فنڪشنل آئيڪنز (اقدام، حيثيت، نيويگيشن) هڪ ئي آئيڪن سيٽ — Lucide (1.5 px stroke، 24 × 24 طئي ٿيل، rounded line-caps) — مان ايندا آهن، currentColor ذريعي ٻيهر رنگجن ٿا۔ آئيڪن گرافي اجرڪ هندسي جي نقل ناهي ڪندي؛ موٽيف ڪن ٿا۔ ٻئي سسٽم جان بوجھه الڳ آهن ته جيئن فنڪشنل وضاحت ڪڏهن به آرائش سان سمٽي نہ وڃي۔

هڪ ننڍڙو سيٽ ثقافتي pictogramز جو Lucide جي ڀرپور ڪري ٿو جتي سنڌ-مخصوص تصور جي ضرورت هجي:

ثقافتي pictogramز Lucide جي بصري وزن سان ملائڻ لاءِ 2 px stroke استعمال ڪن ٿا ۽ aria-label سان ساڳئي آئيڪن ڪمپوننٽ ۾ محفوظ آهن۔

8.4 آئيڪن اصول

• صرف stroke آئيڪنز؛ status بيچز (semantic سرڪلين) کانسواءِ ڪابه filled glyphs ناهي۔
• width/height size tokens ذريعي (--icon-sm 16، --icon-md 20، --icon-lg 24، --icon-xl 32)۔
• هر آئيڪن سان تحريڪي ليبل يا aria-label آهي؛ قابل رسائي نالي کانسواءِ ڪو به صرف-آئيڪن بٽن ناهي۔
• status آئيڪنز هميشه پنهنجي semantic رنگ ۽ پنهنجي تحريڪي ليبل سان گڏ هوندا آهن (ڪڏهن به صرف رنگ ناهي)۔

9. ڪمپوننٽ theming

سڀ ڪمپوننٽس shadcn/ui primitives آهن جيڪي مٿئين پيليٽ سان منسلڪ Tailwind tokens ذريعي themed آهن۔ هي سيڪشن variant ميٽرکس ۽ استعمال جا اصول مقفل ڪري ٿو۔ هتي درج نہ ڪيل ڪمپوننٽس منعوع آهن؛ نئين ڪمپوننٽ لاءِ ڊيزائن-سسٽم تبديلي جي درخواست (§18) گهرجي۔

9.1 بٽنز

سائز: sm (32 px)، md (40 px، طئي ٿيل)، lg (48 px)۔ موبائيل تي گهٽ ۾ گهٽ لمس هدف 44 × 44 px۔ رداس: 6 px (--radius-md سان ملندو آهي)۔ focus ring §6.4 مطابق۔ طئي ٿيل حالت تي ڪابه drop shadows ناهي؛ elevation primary/secondary تي hover لاءِ محفوظ آهي (12 % opacity تي 1 px --brand-indigo-900)۔

9.2 ڪارڊز

• سطح: --brand-paper (هلڪو) / --brand-ink-card (گهرهو)۔
• بارڊر: 1 px --brand-line (هلڪو) / --brand-ink-line (گهرهو)۔
• رداس: 12 px (--radius-lg)۔
• پيڊنگ: 24 px (--space-600) طئي ٿيل، 16 px (--space-400) compact۔
• مٿئين اڪسينٽ: اختياري 4 px strip --brand-indigo-700 ۾ (يا status ڪارڊز لاءِ semantic رنگ)۔
• elevation: صرف هڪ ليول — shadow-card (--brand-black تي 8 % تي 0 1 px 2 px)۔ interactive فهرستن ۾ hover تي، elevation هڪ درجو وڌي ٿو ۽ بارڊر --brand-indigo-300 بنجي ٿو۔

9.3 نيويگيشن

9.4 ٽيبلز

• هيڊر قطار: --brand-paper-2 فل، --fs-overline تحرير، --brand-text-muted۔
• باڊي قطارون: جڏهن ≥ 6 قطارون هجن ته متبادل --brand-paper / --brand-paper-2 (zebra)؛ hover --brand-indigo-50 تي چڙهي ٿو۔
• بارڊرز: صرف افقي، 1 px --brand-line۔ ڪابه عمودي gridlines ناهي۔
• ويڪرن ٽيبلز تي پهرئين ڪالم (status / ticket ID) sticky؛ overflow تي shadow indicators سان افقي scroll۔
• گهاٽ: comfortable (48 px قطار، طئي ٿيل)، compact (36 px، ڊيش بورڊز)۔
• عددي ڪالم LTR ۾ ساڄي-هموار، RTL ۾ کاٻي-هموار، tabular-nums۔

9.5 بيچز ۽ status pills

pills 14 px caption تحرير، 4 px × 8 px پيڊنگ، full-radius آهن۔ ڪڏهن به صرف رنگ تي انحصار نہ ڪريو: هر pill پنهنجو تحريڪي ليبل رکي ٿو۔

9.6 ٽڪيٽ ڪارڊز / فهرست قطارون

• ليڊ: monospace overline ۾ ticket ID (SITP-2026-LBR-000123)۔
• عنوان: --fs-h6، ٻه-لائن clamp۔
• ميٽا قطار: محڪمي وارو chip، status pill، SLA chip (semantic)، آخري-اپ ڊيٽ (نسبتي، ٻه ڪلينڊر ۾ absolute tooltip سان)۔
• hover تي ghost بٽنز جي طور تي quick actions (open، watch، copy link) ظاهر ٿين ٿا۔
• چونڊيل قطار: --brand-indigo-50 فل + 2 px --brand-indigo-700 inline-start بارڊر۔

9.7 ماڊلز ۽ dialogs

• Backdrop: 48 % opacity تي --brand-black، backdrop-blur(2px)۔
• پينل: 480 / 600 / 800 px ويڪرائي درجا، max-height 85 vh، scroll باڊي۔
• هيڊر: 16 px مٿئين inset، --fs-h5، اختياري ڪنڊ موٽيف۔
• فوٽر: sticky، LTR ۾ ساڄي-هموار اقدام (RTL ۾ کاٻي)؛ تباهه ڪندڙ اقدام 16 px gap سان الڳ ٿيل۔
• بند: top-end ghost بٽن Lucide X سان؛ Esc ۽ backdrop-click dismiss ڪن ٿا (جيستائين critical prop ماڊل کي lock نہ ڪري)۔

9.8 فارمز

• ليبل input جي مٿان، --fs-caption، --brand-text۔
• لازمي indicator: aria-required سان عنابي star۔
• input اوچائي 40 px، رداس 6 px، 1 px --brand-line بارڊر؛ focus → 2 px --brand-indigo-500 ring + 2 px paper آف سيٽ۔
• error: 1 px --semantic-danger بارڊر + هيٺيان --semantic-danger helper تحرير + aria-invalid="true" + aria-describedby۔
• helper تحرير: --brand-text-muted، input جي هيٺيان۔

10. لي آئوٽ ۽ گرڊ

10.1 breakpoints (موبائيل-پهرئين)

10.2 containers

gutters: 16 px موبائيل، 24 px md، 32 px xl۔ مواد 16 px کان هيٺ viewport ڪناري کي ڪڏهن نہ چهٽندو آهي۔

10.3 گرڊ

lg+ تي 12-ڪالم گرڊ، md تي 8-ڪالم، sm کان هيٺ هڪ ڪالم۔ ڪالم gap = gutter۔ اسٽاف کنسول مستقل لي آئوٽ استعمال ڪري ٿو: side nav (256 px) + main (باقي)؛ < md تي side nav drawer ۾ سمٺي ٿو ۽ main مڪمل ويڪرائي ٿي وڃي ٿو۔

10.4 spacing اسڪيل

بنيادي اڪائي 4 px۔ tokens: --space-0 0، --space-1 4، --space-2 8، --space-3 12، --space-4 16، --space-5 20، --space-6 24، --space-8 32، --space-10 40، --space-12 48، --space-16 64، --space-20 80، --space-24 96۔ سڀ پيڊنگز، margins، ۽ gaps هن اسڪيل مان ورتا وڃن ٿا؛ عارضي پکسل قدر هڪ lint error آهن۔

10.5 radii ۽ elevation

elevation: صرف چار درجا — shadow-flat (none)، shadow-card (طئي ٿيل)، shadow-pop (hover، dropdowns)، shadow-modal (ماڊلز، toasts)۔ shadows 8/12/16/20 % opacity تي --brand-black استعمال ڪن ٿا؛ ڪابه رنگدار glows ناهي۔

11. تصويرون ۽ illustration

11.1 فوٽوگرافي

• موضوع: ڪم تي سنڌ جا حقيقي ماڻهو — پنهنجن دفترن ۾ IT پروفيشنلز، پنهنجي ميزن تي سرڪاري آفيسر، سهولت ڊيسڪ اسٽاف، co-working جاين ۾ ڪاروباري، تربيت ۾ شاگرد۔ صرف ان وقت stock تصويرون جڏهن ڪا به سنڌ-مخصوص اصل موجود نہ هجي، ۽ صرف منظور ٿيل لائبريري (§18) مان۔
• علاج: قدرتي روشني، مستند لباس (جتي حقيقي هجي اتي اجرڪ شال ۽ سنڌي topo خوش آمديد)، ڪابه over-staged poses ناهي۔ clichéd "call-centre headset" ۽ "flag جي سامهون handshake" ترڪيبن کان پاسو ڪريو۔
• رنگ: تصويرون کي نيرو/عنابي ۾ رنگ-گریڊ نہ ڪيو وڃي؛ برانڊ پيليٽ انهن جي چوڌاري chrome ۾ رهي ٿي، تصوير ۾ ناهي۔ hero تصويرن تي برانڊ ۾ءِٺائڻ لاءِ هلڪو --brand-indigo-50 vignette جي اجازت آهي۔
• crop: عمودي مضامين اک-سطح تي framed؛ headroom هڪ-ٽيان؛ سنڌي topo يا hijab کي ڪناري تي ڪڏهن crop نہ ڪريو۔
• تنوع: تصويرون سنڌ جي آبادياتي ۽ جاگرافيائي تنوع جي عڪاسي ڪن، بشمول tech ۾ عورتون، معذوري رکندڙ افراد، ۽ شهري سان گڏ ڳوٺاڻا حالتون۔
• رضامندي: هر شخص جي تصوير لاءِ media_library رڪارڊ (§14.5) جي خلاف دستخط ٿيل release گهرجي۔

11.2 illustration

• انداز: flat، هندسي، ٻه-رنگ — اجرڪ هندسي (gul-e-setare، trefoil، متناسب tessellation) مان تيار۔ line work 2 px، ڪنڊ گول۔
• پيليٽ: صرف --brand-indigo-700 + --brand-maroon-700 + neutrals؛ semantic رنگ صرف status لاءِ محفوظ۔
• استعمال: empty حالتون (ڪابه ٽڪيٽ ناهي، ڪابه نتيجا ناهي، پهرئين-ڀيرو)، onboarding wizard step art، error صفحا (404، 500، آف لائن)، help-centre hero۔
• illustrations SVG آهن، صرف پهرئين paint تي متحرڪ (≤ 600 ms، prefers-reduced-motion جو احترام)، ۽ aria-hidden۔

11.3 charts (analytics)

charts طئي ٿيل سيريز ترتيب ۾ پيليٽ استعمال ڪن ٿا ته جيئن ساڳئي metric هميشه ساڳيو رنگ پڙهي: indigo-700 → maroon-700 → indigo-500 → maroon-500 → indigo-300 → neutral۔ semantic رنگ صرف ان وقت ظاهر ٿين ٿا جڏهن metric پاڻ semantic هجي (SLA خلاف ورزي = danger)۔ axis ليبلز --brand-text-muted ۾؛ gridlines 1 px --brand-line؛ ڊيٽا ليبلز --fs-caption۔ هر chart جو تحريڪي متبادل (data table يا aria-label) رسائي NFRs مطابق آهي۔

12. آواز جو انداز

Microcopy اصول۔ بٽن ليبلز verbs آهن (File، Approve، Resolve)۔ empty حالتون حالت بيان ڪن ٿيون ۽ ايندڙ action پيش ڪن ٿيون۔ تاريخون ٻه-ڪلينڊر واريون آهن، صارف جي locale اڳيان۔ رقم ۾ ڪرنسي ڪوڊ (PKR) شامل آهي۔ سڀ نمبرز §7.4 مطابق localise ٿين ٿا۔ سڀ strings i18n ڪيٽلاگ ۾ رهن ٿا؛ ڪمپوننٽس ۾ ڪابه hard-coded انگريزي ناهي۔

13. ليٽر هيڊ ۽ سرڪاري دستاويز ٽيمپليٽس

سرڪاري خطوط ۽ سرٽيفڪيٽس Document Generation ماڊيول (FR-DOC-*، 12-docgen-esign/en.md ڏسو) ذريعي تيار ڪيا وڃن ٿا۔ هر سرڪاري دستاويز پنج لازمي zoneرکتي ٿي، هيٺين ترتيب ۾۔ ٽيمپليٽس ٽي لساني آهن: هر دستاويز قسم جو هڪ source ٽيمپليٽ، وصول ڪندڙ جي پسنديده locale ۾ render ٿئي ٿو، ساڳيو لي آئوٽ گرڊ RTL لاءِ mirror ٿئي ٿو (§15)۔

13.1 ليٽر هيڊ zone

13.2 ٽيمپليٽس

13.3 QR تصديق بلاڪ

هر سرڪاري دستاويز QR شامل ڪندي آهي (qr_verifiable_documents مطابق، /specs/sd/05-data-model/ §6 ڏسو)۔ QR https://sindhitportal.maahir.io/verify/<token> ڏانهن resolve ٿئي ٿو جيڪو دستاويز hash، issue تاريخ، جاري ڪندڙ عهديدار، ۽ revocation حيثيت ڏيکاري ٿو۔ بلاڪ فوٽر ۾، A4 تي 32 × 32 mm، --brand-text-muted ۾ هڪ لائن caption سان: "تصدیق لاءِ سڪين ڪريو"۔

13.4 پرنٽ ۽ PDF

• صفحو سائز: A4 (210 × 297 mm) طئي ٿيل؛ legacy محڪماتي ٽيمپليٽس لاءِ Legal جي اجازت آهي۔
• margins: 20 mm طرفان، 25 px مٿي (masthead)، 20 mm هيٺيان (footer)۔
• باڊي: 11 pt --fs-body-lg متاسب، justified-left (RTL ۾ right)، 1.6 line-height۔
• رنگ: برانڊ پيليٽ جا CMYK تبادلا ريپوزيٽري ۾ محفوظ آهن؛ offset پرنٽ لاءِ spot colour Pantone 540 C (نيرو) ۽ Pantone 4975 C (عنابي)۔
• PDF ۾ fonts embedded؛ archival لاءِ PDF/A-2b۔

13.5 خطوط تي تاريخ-آگاهه عهديدار

خط جي موثر تاريخ (اها تاريخ جنهن لاءِ خط جاري ڪيو ويو آهي، جيڪا print/regenerate تاريخ کان مختلف ٿي سگهي ٿي) Officials CMS join هلائي ٿي۔ 2024-06-15 تي تاريخ وارو خط جيڪو 2026 ۾ regenerate ٿئي ٿو اهو 2024 جو سيڪريٽري، DG، ۽ وزير ڏيکاري ٿو — موجوده عهديدارن کي ڪڏهن نہ۔ اهو FR-OFC-004 ۽ US-OFC-002 پورو ڪري ٿو۔

14. برانڊ ۽ عهديدارن CMS تفصيل

ماڊيول P (OFC) هن دستاويز ۾ هر متغير شيءِ جو record جو سسٽم آهي: عهديدار، ميڊيا، theme، موٽيف۔ static برانڊ اثاثا (master SVGs، fonts) ريپوزيٽري (§18) ۾ رهن ٿا؛ dynamic برانڊ حالت CMS ۾ رهي ٿي۔

14.1 عهديدارن جا رڪارڊز

CMS ٽي سينئر ڪردار برقرار رکي ٿو، پڻ اختياري توسيعون:

هر officials رڪارڊ (/specs/sd/05-data-model/ §officials) رکي ٿو: title، full_name_{en,ur,sd}، dept_id، portrait_media_id، message_{en,ur,sd}، is_current۔ هر official_terms قطار رکي ٿي designation، effective_from، effective_to (NULL = موجوده)، ۽ metadata_json (notification حوالو، مقرري جو خط)۔

14.2 هڪ ئي مستند حوالو

عهديدارن جا رڪارڊز ڪنهن به سطح تي نالن، portraits، ۽ پيغامن جو اڪيلو source آهن۔ ڪنهن ڪمپوننٽ، اي ميل ٽيمپليٽ، خط ٽيمپليٽ، يا ڊيش بورڊ ۾ عهديدار جو نالو hard-code ڪرڻ هڪ نقص آهي۔ هر consumer — عوامي سائيٽ، اسٽاف کنسول، document generator، ڊيش بورڊز، notification ٽيمپليٽس — OFC API مان پڙهي ٿو:

• GET /api/v1/officials/current?role=secretary — موجوده عهديدار۔
• GET /api/v1/officials/as-of?role=secretary&date=YYYY-MM-DD — تاريخ-آگاهه (خطوط)۔
• GET /api/v1/officials/history?role=dg — archived مدتون (شفافيت صفحو)۔

responses locale-negotiated (Accept-Language) آهن ته جيئن ساڳئي ڪال EN/UR/SD نالو ۽ پيغام موٽائي۔

14.3 تاريخ-آگاهه درستگي

join official_terms WHERE effective_from <= :issue_date AND (effective_to IS NULL OR effective_to >= :issue_date) canonical rule آهي (/specs/sd/05-data-model/ §10.3)۔ اهو apply ٿئي ٿو:

• هر خط/سرٽيفڪيٽ render تي (masthead تي عهديدار issue تاريخ سان ملن ٿو)۔
• چونڊيل رپورٽنگ مدت لاءِ هر ڊيش بورڊ "leadership" tile تي۔
• ڪنهن ٽڪيٽ جي هر تاريخي منظر تي (ڏيکاريندڙ DG/سيڪريٽري اهو آهي جيڪو ٽڪيٽ تي ڪم جي وقت عهدي ۾ هو، اڄ جو ناهي)۔

14.4 فعال ڪرڻ ۽ archiving

• نئون official_terms قطار جنهن جو effective_from مستقبل ۾ هجي اهو scheduled آهي، موجوده ناهي۔ هڪ daily job (00:05 PKT) تاريخ اچڻ تي is_current بدلائي ٿو ۽ پچهن مدت جو effective_to effective_from − 1 day ڪري ڇڏي ٿو (FR-OFC-002)۔
• ماضي جا عهديدار archived ڪيا وڃن ٿا، ڪڏهن حذف نہ۔ officials قطار deleted_at (soft delete) صرف true data-correction تي رکي ٿي؛ معمول جي ترتيب is_current = 0 ڪري ٿي ۽ قطار کي history ۾ نظر اچڻ ڏي ٿي۔ تصويرون، پيغام، ۽ مدتون هميشه queryable رهن ٿيون (Sindh Archives retention، /specs/sd/22-governance-legal/)۔

14.5 ميڊيا لائبريري

مشترڪ media_library ٽيبل هر برانڊ اثاثو رکي ٿو جيڪو CMS استعمال ڪري ٿو: عهديدار portraits، SITP نشان ۽ ان جا variant، شامل بنيادي مهر، اجرڪ موٽيف، illustration فائليون، اي ميل هيڊر تصويرون۔ هر اثاثو رکي ٿو bucket، object_key، mime_type، size_bytes، checksum_sha256، av_status، is_encrypted، پڻ برانڊ-مخصوص metadata: asset_type (logo / seal / motif / portrait / illustration / icon)، valid_from / valid_to (date-scoped اثاثن لاءِ جهڙوڪ ريٽائر ٿيندڙ مهر)، consent_ref (portraits لاءِ دستخط ٿيل release)، ۽ tags search لاءِ۔

اثاثن جون تبديليون انهن کي استعمال ڪندڙ سطحن تائين پکڙجن ٿيون: لائبريري ۾ بنيادي نشان جي SVG update ڪرڻ اڳلا صفحو لوڊ تي هر هيڊر کي ٻيهر render ڪري ٿو؛ ڪابه deploy گهرج ناهي (FR-OFC-006)۔

14.6 تصوير crop ۽ فارميٽ معيار

Portraits اپ لوڊ تي ميڊيا لائبريري جي crop UI ذريعي 1:1 master ۾ auto-crop ٿين ٿا؛ letter سائيز variant derive ٿئي ٿو۔ un-cropped originals ٻيهر crop لاءِ برقرار رکيا وڃن ٿا۔

14.7 برانڊ ۽ theme configuration

FR-OFC-007 پيليٽ، logo lockup، ۽ موٽيف سيٽ کي system_settings (category branding) ۾ runtime configuration طور expose ڪري ٿو۔ publish تي، نئون theme version محفوظ ٿئي ٿو، پچهلو archived ٿئي ٿو، ۽ تبديلي عوامي سائيٽ ۽ اسٽاف کنسول تائين اڳلين render تي پکڙجن ٿي۔ theming ايٽمي آهي: ناڪام propagation roll back ٿئي ٿو (ڪابه اڌ-لڳل theme ناهي)۔ برانڊ Editors configure ڪن ٿا؛ Super Admins منظور ڪن ٿا (§14.8)۔

14.8 منظوري workflow

سينئر-عهديدار رڪارڊن ۽ theme ۾ تبديليون ٻه-قدم منظوري مان گذرن ٿيون:

1. Draft۔ هڪ برانڊ Editor creates/edits ڪري ٿو؛ تبديلي pending revision طور محفوظ ٿيندي آهي، صرف CMS ۾ نظر ايندي آهي۔
2. Approval۔ هڪ Super Admin review ڪري ٿو (قبل/پوءِ سان diff view)، منظور يا reason سان reject ڪري ٿو۔ منظوريءَ تي تبديلي ايٽمي طور propagate ٿيندي آهي (FR-OFC-003، FR-OFC-005)۔

workflow پاڻ audit-logged (actor، timestamp، قبل/پوءِ) هر حالت جي تبديلي تي audit_logs ۾ ٿئي ٿو۔

15. Officials CMS Propagation

هي diagram ڏيکاري ٿو ته Officials CMS ۾ هڪ منظور ٿيل تبديلي ڪيئن هر consumer سطح تائين، ايٽمي ۽ audit-logged، واپسي تي تاريخ-آگاهه reads سان پهچي ٿي۔

تحريڪي وضاحت۔ هڪ برانڊ Editor عهديدار رڪارڊ ۾ تبديلي draft ڪري ٿو (نئون DG، portrait مٽائي، درست نالو transliteration، theme update)۔ draft هڪ pending revision طور محفوظ ٿئي ٿو ۽ propagate ناهي ٿيندو۔ هڪ Super Admin diff جو جائزو وٺي ٿو ۽ يا ته reject (reason سان، draft ڏانهن موٽي) يا approve ڪري ٿو۔ منظوريءَ تي تبديلي هڪ single ايٽمي transaction جي اندر لکي وڃي ٿي جيڪا audit_logs ۾ actor، timestamp، ۽ قبل/پوءِ JSON سان قطار شامل ڪري ٿي؛ جيڪڏهن ڪابه write fail ٿئي ته پورو transaction roll back ٿي وڃي ٿو، هر سطح کي پچهلي حالت تي ڇڏي۔ commit کان پوءِ، پنج consumer سطحون ساڳئي OFC API مان پڙهن ٿيون: عوامي سائيٽ (leadership tiles، خط mastheads)، اسٽاف کنسول (سهولت ڪار ڊيش بورڊز)، document generator (ليٽر هيڊ ۽ سرٽيفڪيٽس)، notification ٽيمپليٽ انجن، ۽ analytics ڊيش بورڊز۔ document generator ۽ analytics ڊيش بورڊز تاريخ-آگاهه join apply ڪن ٿا — اهي دستاويز جي موثر تاريخ يا رپورٽنگ مدت API کي پاس ڪن ٿا، جيڪا ان عهديدار کي موٽائي ٿو جنهن جي official_terms ونڊو ۾ اها تاريخ شامل آهي۔ اهو ضمانت ڏئي ٿو ته 2024 ۾ تاريخ وارو خط 2026 ۾ regenerate ٿيڻ تي به 2024 جو سيڪريٽري ڏيکاري ٿو، ۽ Q2-2024 جو تاريخي ڊيش بورڊ انهن عهديدارن جي فهرست ڏئي ٿو جيڪي انڙ چوٿائي ۾ عهدي ۾ هئا۔ ماضي جا عهديدار ڪڏهن حذف نہ ٿيندا آهن: join محض تاريخي مدت تي resolve ٿئي ٿو، ۽ قطار archival ۽ شفافيت لاءِ queryable رهي ٿي۔

16. RTL mirror اصول

اردو ۽ سنڌي ساڄي کان کاٻي آهن۔ mirror دستاويز جي سطح (<html dir="rtl">) تي apply ٿئي ٿو ۽ logical CSS properties ذريعي پکڙجن ٿو۔ هيٺيان اصول مقفل ڪن ٿا ڇا پهري ٿو ۽ ڇا ناهي۔

16.1 ڇا پهري ٿو

16.2 ڇا پهري ناهي ٿو

• ٽڪيٽ ID جي اندر انگ (SITP-2026-LBR-000123) — هميشه LTR؛ <bdi> ۾ ويڙهيل۔
• لاتنين اصطلاح (S&ITD، MAAHIR، Server4Sale، SLA، URLs، اي ميلز) — هميشه LTR؛ <bdi> ۾ ويڙهيل۔
• سمتي معنيٰ رکندڙ آئيڪنز — هڪ "reply" تير ان locale ۾ جواب جي سمتي ڏانهن اشارو ڪري ٿو؛ LTR آئيڪن جي mirror ٿيل versionن جي بدران locale-مخصوص آئيڪن استعمال ڪريو۔ non-directional آئيڪن (search، settings) تبديل ناهي ٿيندو۔
• Progress bars ۽ SLA timers — inline-start مان ڀرن ٿا (تنهنڪري RTL ۾ ساڄو-کان-کاٻو ڀرن ٿا)، پر عددي فيصد ليبل inline-end تي رهي ٿو۔
• برانڊ logos — SITP نشان ۽ شامل بنيادي نشانيون ڪڏهن به mirror ناهي ٿينديون؛ اهي پنهنجو designed orientation رکن ٿيون۔ صرف لي آئوٽ ۾ انهن جي پوزيشن پهري ٿي۔

16.3 Implementation

• Tailwind جا logical utilities (ms-*، me-*، ps-*، pe-*، start-*، end-*، text-start، text-end) ۽ rtl: / ltr: variant صرف ان وقت استعمال ڪريو جڏهن logical متبادل موجود نہ هجي۔
• جنهن آئيڪن کي پهرڻ گهرجي اهو dir="rtl" scoping ذريعي transform: scaleX(-1) apply ڪري ٿو، manual left/right ذريعي ڪڏهن نہ۔
• CI ۾ هر نئين ڪمپوننٽ جو both ltr ۽ rtl ۾ test ڪريو (mirror ٿيل fixture سيٽ تي visual regression، /specs/sd/13-test-strategy/ مطابق)۔

17. رسائي ۽ ڪنٽراسٽ اصول

رسائي هڪ برانڊ عهد آهي، launch-بعد audit ناهي۔ هيٺيان اصول WCAG 2.1 AA (/specs/sd/03-non-functional-reqs/ §Accessibility) کي برانڊ لاءِ مخصوص طور لاڳو ڪن ٿا۔

17.1 ڪنٽراسٽ

• باڊي تحرير (≤ 24 px normal، ≤ 18.66 px bold): پنهنجي سطح جي مقابلي ۾ ≥ 4.5:1۔
• وڏي تحرير (> 24 px normal، > 18.66 px bold): ≥ 3:1۔
• UI ڪمپوننٽس ۽ گرافڪس (بٽن بارڊرز، focus rings، status آئيڪنز، chart ڊيٽا marks): ≥ 3:1۔
• صرف-آرائشي عنصر (گهٽ ڪنٽراسٽ تي اجرڪ موٽيف، watermarks) معاف آهن پر لازمي aria-hidden آهن۔
• مقفل پيليٽ §6 ۾ designed جوڙن لاءِ اڳ ۾ ئي تصديق ٿيل آهي۔ نئين جوڙي لاءِ merge کان اڳ CI ۾ ڪنٽراسٽ چيڪ گهرجي۔

17.2 صرف-رنگ معنيٰ

حيثيت ڪڏهن به صرف رنگ سان نہ ٻڌائي ويندي آهي۔ هر status pill تحريڪي ليبل رکي ٿو (§9.5)؛ هر chart سيريز سان تحرير وارو legend آهي؛ هر لازمي-فيلڊ marker رنگ ۽ star ۽ aria-required ٻئي رکي ٿو۔

17.3 focus

• هر interactive عنصر جو نظر ايندڙ focus indicator آهي: 2 px --brand-paper آف سيٽ سان 2 px --brand-indigo-500 outline (يا ڊارڪ موڊ ۾ --brand-ink-dark آف سيٽ)۔
• focus ترتيب بصري پڙهڻ جي ترتيب سان هلندي آهي (جيڪا RTL ۾ پهرين ٿي آهي)۔
• :focus-visible استعمال ٿئي ٿو ته جيئن mouse clicks ring نہ paint ڪن؛ keyboard نيويگيشن هميشه ڪندي آهي۔
• هر صفحي جي مٿان skip-to-content link، focus تي نظر ايندڙ۔

17.4 motion

• animations ≤ 600 ms آهن ۽ prefers-reduced-motion: reduce جو احترام ڪن ٿا (جو non-ضروري motion disable ڪري ٿو)۔
• ڪابه parallax ناهي، ڪابه auto-playing sound واري video ناهي، ڪابه > 3 Hz flashing ناهي (photosensitivity)۔

17.5 زبان ۽ اسڪرين ريڊرز

• هر صفحو <html> تي lang ۽ dir declare ڪري ٿو۔
• mixed-direction runs <bdi> ۾ ويڙهيا ويندا آهن۔
• آئيڪنز، موٽيف، ۽ آرائشي تصويرون aria-hidden آهن يا مناسب طور alt/aria-label رکن ٿيون۔
• CMS مان عهديدارن جا پيغام پنهنجا locale tags برقرار رکن ٿا ته جيئن اسڪرين ريڊر اردو کي اردو ۾ ۽ سنڌي کي سنڌي ۾ announce ڪري، accented انگريزي طور نہ۔

17.6 CI ۾ تصديق

• خودڪار ڪنٽراسٽ چيڪ (axe-core) هر ڪمپوننٽ story ۽ هر صفحي fixture تي هلندو آهي۔
• visual regression both ltr ۽ rtl ۾ ۽ both light ۽ dark themes ۾ هلندي آهي۔
• هڪ periodical manual audit (چوٿائي) مقفل پيليٽ، ٽائپ اسڪيل، ۽ ليٽر هيڊ ٽيمپليٽس جو احاطو ڪندي آهي، S&ITD رسائي lead جي sign-off سان۔

18. برانڊ-اثاثو ريپوزيٽري ۽ گورننس

18.1 ريپوزيٽري

برانڊ-اثاثو ريپوزيٽري OFC ميڊيا لائبريري (asset_type filter سان media_library) جي اندر هڪ versioned store، پڻ ڊيزائن-ٽول integration (Figma لائبريري، source-controlled SVGs) لاءِ read-only git mirror آهي۔ ان ۾ شامل آهن:

18.2 versioning

• اثاثو فائليون checksum_sha256 سان content-addressed آهن؛ فائل rename يا replace ڪرڻ نئون version ٺاهي ٿو، پراڻو version برقرار رهي ٿو۔
• theme versions valid_from / valid_to سان محفوظ ٿين ٿا؛ فعال theme هڪ pointer آهي، overwrite ناهي۔
• master اثاثو يا theme ۾ هر تبديلي هڪ Conventional Commit (docs(branding): … _conventions.md §11 مطابق) ۽ audit_logs ۾ قطار آهي۔

18.3 گورننس

18.4 تبديلي جو عمل

1. Propose۔ Contributor هڪ تبديلي جي درخواست (CR) کولي ٿو جيڪا اثاثو/theme delta ۽ rationale بيان ڪندي آهي۔
2. Review۔ Brand Editor پيليٽ، ٽائپ، موٽيف، ۽ رسائي compliance لاءِ review ڪري ٿو؛ revisions گهرندو آهي يا draft ۾ منظور ڪندو آهي۔
3. Approve۔ Super Admin منظور ڪري ٿو (عهديدار/theme) يا S&ITD Brand Owner منظور ڪري ٿو (logo/motif/palette)۔
4. Propagate۔ ايٽمي propagation transaction (§15) publish ڪري ٿو؛ consumers اڳلين render تي pick up ڪن ٿا۔
5. Archive۔ پچهلو version §18.2 مطابق برقرار رهي ٿو؛ ڪجهه به تباهه ناهي ٿيندو۔

18.5 غلط استعمال ۽ نافذ ڪاري

• ڪابه به سطح جيڪا off-brand اثاثو، عارضي رنگ، يا hard-coded عهديدار نالو استعمال ڪندي پيد ٿئي اها هڪ نقص آهي، ملڪيت واري ٽيم جي خلاف file ڪئي ويندي آهي، ۽ موجوده sprint ۾ fix ٿيندي آهي۔
• ڊيزائن-سسٽم lint (stylelint + custom token-usage rule + axe-core) CI ۾ هلندو آهي ۽ un-tokenised قدرون، missing ڪنٽراسٽ، يا unapproved ڪمپوننٽس تي merge block ڪندو آهي۔
• SITP برانڊ جو partner ۽ third-party استعمال PPP معاهدي ۾ شامل brand-use license هيٺ آهي (/specs/sd/23-ppp-vendor-exit/)؛ غلط استعمال S&ITD Brand Owner ڏانهن escalate ٿئي ٿو۔

19. traceability