كل قصة لها نطاقها الخاص
TEXT.H1رأس المستوى الأول
حجم H1 داخل منطقة النص. يتم تقديم عنوان الصفحة برأس منفصل — خياراته موضحة أدناه.
دليل لتنسيق المنشورات: الخطوط والصور والمعارض والبطاقات والفيديو وتخطيطات الترويسة. قارن الأمثلة الحية، واختر الأسلوب المناسب وانسخ أمره للمحادثة. لكل مثال رمز ثابت؛ حدّد الرمز وموضعه في المقال لتطبيق التنسيق على الفقرة أو الصورة المطلوبة.

في بعض الأحيان يعني «أوسع قليلاً» 800 بكسل، وأحيانًا يعني الشاشة بأكملها تقريبًا. هنا يمكنك الإشارة بإصبعك إلى الخيار المطلوب ونسخ الكود الخاص به. الكلمات أخيرا كان لها حجم مشترك.
حدد عينة، وانسخ الأمر وحدد موقعًا في المادة. كل تقنية لها رمز ثابت: QUOTE.RULE, IMAGE.WIDE أو على سبيل المثال، GALLERY.TWO-ONE.
TEXT.H1حجم H1 داخل منطقة النص. يتم تقديم عنوان الصفحة برأس منفصل — خياراته موضحة أدناه.
كل قصة لها نطاقها الخاص
TEXT.H2الفكر الجديد يحصل على بداية ملحوظة. هذا هو المستوى الرئيسي داخل المقالة.
العنوان يعطي اتجاه النص
TEXT.H3لقد نما القسم — فلنقسمه إلى أجزاء مفهومة.
الآن يمكنك رؤية التفاصيل
TEXT.H4مستوى آخر عندما يصعب على القارئ التنقل بدونه.
تطور طفيف داخل القسم
TEXT.H5مستوى إضافي نادر. لا يحل محل الإفرازات الدهنية العادية.
توضيح هادئ
TEXT.H6المستوى الأخير من التسلسل الهرمي؛ في معظم المقالات لا نصل إلى ذلك.
الخطوة الأخيرة
TEXT.PARAGRAPHأساس المقال. هنا يمكن للنص أن يشرح ويتواصل ويخبر بهدوء.
التصميم يعمل عندما تتوقف عن ملاحظته. تحافظ الفقرة على عرض سطر مريح، والارتباط يعرف مكانه، ويظهر العنوان التالي بالضبط عندما يحين وقت تغيير الموضوع.
TEXT.BOLDقم بتمييز كلمة مهمة مع الحفاظ على فقرة عادية.
المهم في هذه العبارة هو حل واحد. أما باقي الكلمات فلا داعي لنطقها بصوت أعلى.
TEXT.UNDERLINEخدعة صغيرة داخل الخط. كل اختيار له مهمته الخاصة.
مثال: جزء تحته خط
TEXT.STRIKEخدعة صغيرة داخل الخط. كل اختيار له مهمته الخاصة.
مثال: صياغة قديمة
TEXT.CODEخدعة صغيرة داخل الخط. كل اختيار له مهمته الخاصة.
مثال: image.wide
TEXT.SUPخدعة صغيرة داخل الخط. كل اختيار له مهمته الخاصة.
المنطقة — م2
TEXT.SUBخدعة صغيرة داخل الخط. كل اختيار له مهمته الخاصة.
الصيغة — ح2O
TEXT.LINKيظل الرابط العادي جزءًا من العرض.
عندما تحتاج إلى مجموعة من الألوان والأزرار، افتحها نظام التصميم.
QUOTE.RULEGeist Mono وشريط عمودي. يسلط الضوء على فكرة مع الحفاظ على عرض النص.
الاقتباس الجيد يترك للقارئ فكرة والتصميم فقط هو عمل تسليط الضوء عليه.
QUOTE.ACCENTخط كبير بدون شريط. لمقدمة أو فكرة تستحق الخوض فيها.
يلاحظ القارئ الإيقاع أولاً. ثم — ماذا أرادوا أن يقولوا له.
LIST.BULLETعدة أفكار متساوية، بما في ذلك النقاط المتداخلة.
LIST.NUMBERالترتيب مهم: الخطوات، التسلسل، الاتساق.
TEXT.DIVIDERوقفة بين أجزاء القصة دون عنوان جديد.
TEXT.CODE-BLOCKالأوامر والأمثلة لها مكانها الخاص.
Стиль: IMAGE.WIDE
Пропорция: RATIO.4X5
Место: после второго абзаца
Текст: без измененийTEXT.TABLEعندما يكون من الأسهل مقارنة عدة خيارات جنبًا إلى جنب.
| المهمة | أسلوب التنسيق |
|---|---|
| تسليط الضوء على فكرة | اقتباس بخط جانبي |
| عرض الحلقة | معرض |
| مواصلة المحادثة | البطاقة مع الرابط |
بالنسبة للمواد الجديدة، نحتفظ بخمسة إعدادات مسبقة رئيسية: 9:16، 16:9، 4:5، 5:4 و1:1. أما الباقي فهو خيارات إضافية للتصوير الفوتوغرافي والمعاينات. النسبة هي شكل المصدر. «عادي / واسع / كامل العرض» — حجم الكتلة على الصفحة.
بالنسبة إلى Instagram، نميز بين خلاصات الصور ومقاطع الفيديو العمودية. 9:16 التحضير للقصص/المقاطع؛ بالنسبة لشريط الصور، تكون الصورة الأساسية 4:5. قد تختلف تنسيقات التطبيقات وواجهة برمجة التطبيقات والإعلانات. بالنسبة للمدونة، يتم الحفاظ على كل هذه النسب دون اقتصاص؛ قبل النقل إلى Instagram، نختار الإعداد المسبق المناسب لموضع معين.
RATIO.9X16شاشة عمودية · 1080 × 1920. اللوحة الرئيسية للقصص والبكرات. بالنسبة للصورة الموجودة في الخلاصة، ستحتاج إلى إطار منفصل.
RATIO.16X9فيديو أفقي · 1920 × 1080. جيد لموقع YouTube ولقطات الشاشة والرسوم التوضيحية العريضة.
RATIO.4X5صورة شخصية · 1080 × 1350. التنسيق الرأسي الرئيسي للصور والبطاقات الشريطية.
RATIO.5X4إطار أفقي هادئ · 1350 × 1080. نفس الزوج من الجوانب، يدور بزاوية 90 درجة.
RATIO.1X1مربع · 1080 × 1080. بطاقة عالمية أو غطاء أو قطعة أرض مدمجة.
RATIO.3X4صورة إضافية · 1080 × 1440. حفظ كإعداد مسبق منفصل؛ نحن نتحقق من توافق طريقة تحميل محددة على Instagram قبل الإصدار.
RATIO.4X3إطار أفقي كلاسيكي · 1440 × 1080. جيد للصور الفوتوغرافية والرسوم البيانية التفصيلية.
RATIO.3X2إطار فوتوغرافي أفقي · 1620 × 1080. تنسيق طبيعي للعديد من الكاميرات.
RATIO.2X3صورة عمودية · 1080 × 1620. يتم حفظ الصورة بأكملها للمدونة؛ بالنسبة لخلاصة Instagram، نقوم بإعداد محصول منفصل بنسبة 4:5.
RATIO.191X100بطاقة عريضة · 1910 × 1000، أو 1200 × 630 بنفس النسبة تقريبًا. مفيد لمعاينات الارتباط.
IMAGE.REGULARيبقى في عمود النص: الحد الأقصى 800 بكسل.
IMAGE.WIDEيمتد إلى ما هو أبعد من النص ولكنه يحتفظ بالهوامش الجانبية. الحد الأقصى 1400 بكسل.
IMAGE.FULLيصل إلى حواف منطقة النشر. يبقى الشريط الجانبي في مكانه.
IMAGE.CAPTIONالتعليق سطر منفصل تحت الصورة. لا توجد نقطة نهاية. alt يصف الصورة لمن لا يستطيع رؤيتها.
من صورة إلى ثلاث صور متتالية. المعرض لديه تعليق مشترك؛ كل صورة لها البديل الخاص بها. لا يتم عرض التسميات الفردية في الشبكة الحالية. على الهاتف، يمكن إعادة ترتيب الصفوف وفقًا لقواعد الموضوع.
GALLERY.TWOالعرض الإجمالي للصف والنسب الأصلية وتعليق واحد للسلسلة بأكملها. ترتيب الصور شائع في جميع اللغات.
GALLERY.THREEالعرض الإجمالي للصف والنسب الأصلية وتعليق واحد للسلسلة بأكملها. ترتيب الصور شائع في جميع اللغات.
GALLERY.TWO-TWOالعرض الإجمالي للصف والنسب الأصلية وتعليق واحد للسلسلة بأكملها. ترتيب الصور شائع في جميع اللغات.
GALLERY.TWO-ONEالعرض الإجمالي للصف والنسب الأصلية وتعليق واحد للسلسلة بأكملها. ترتيب الصور شائع في جميع اللغات.
GALLERY.ONE-TWOالعرض الإجمالي للصف والنسب الأصلية وتعليق واحد للسلسلة بأكملها. ترتيب الصور شائع في جميع اللغات.
GALLERY.MIXEDالعرض الإجمالي للصف والنسب الأصلية وتعليق واحد للسلسلة بأكملها. ترتيب الصور شائع في جميع اللغات.
GALLERY.REGULARتم تجميع نفس التقنية في عمود عادي.
GALLERY.FULLتصل السلسلة إلى حواف منطقة النشر.
فيما يلي جميع البطاقات الموجودة في المنشورات الحالية، بالإضافة إلى خيارات السمات الجاهزة التي تم تصنيفها بشكل منفصل. تشرح النقوش الجديدة التقنية نفسها، ويتم استبدال الصور بعناصر نائبة.
CARD.BOOKMARKعندما يستحق الرابط القليل من التغطية والعنوان والشرح.
CARD.CALLOUTتفصل الخلفية الرمادية بين التوضيح والقصة الرئيسية.
CARD.FILEالعنوان والشرح والملف نفسه في كتلة واحدة.
CARD.BUTTONإجراء منفصل عندما لا يكون الرابط العادي كافيا.
CARD.CTA.MINIMAL-IMAGEالخيار موجود بالفعل في المنشورات. يتم استبدال النص والصورة هنا بالعينات التعليمية.
CARD.CTA.MINIMALالخيار موجود بالفعل في المنشورات. يتم استبدال النص والصورة هنا بالعينات التعليمية.
CARD.CTA.IMMERSIVEالخيار موجود بالفعل في المنشورات. يتم استبدال النص والصورة هنا بالعينات التعليمية.
CARD.CTA.CENTEREDالخيار موجود بالفعل في المنشورات. يتم استبدال النص والصورة هنا بالعينات التعليمية.
CARD.HEADER-SPLITمجالان: الرسم التوضيحي والرسالة القصيرة. خيار العرض الكامل مستخدم بالفعل في المدونة.
كتلة كبيرة تغير وتيرة الصفحة. هذا هو المكان الذي يمكنك فيه تقديم مشروع أو إنهاء القصة بجملة واضحة.
عرض المثالCARD.TOGGLEالسؤال القصير مرئي على الفور. اضغط عليها لتكشف عن الإجابة التفصيلية.
إضافة لا تفيد كل قارئ: تركيب مفصل، أو شرح، أو إجابة طويلة.
CARD.PRODUCTتصميم موضوع جاهز. لا تستخدم في المنشورات الحالية. نضيف الأسعار والتقييمات فقط بناءً على البيانات الحقيقية.
CARD.BUTTON.CENTERنفس الإجراء الموجود في وسط العمود.
CARD.BUTTON.SECONDARYالعمل الثانوي مع التصميم الثانوي.
CARD.CALLOUT.ACCENTشريط لوني يبرز الملاحظة. يبقى النص على خلفية الصفحة، دون تعبئة أو شكل زر.
CARD.CTA.WHITEنسخة خفيفة من البطاقة؛ اللون ملحوظ أيضًا في المظهر الداكن.
CARD.HEADER.ACCENTفاصل موجز بعنوان كبير ولمسة لونية.
لهجة واحدة قوية بين جزأين هادئين من النص
CARD.SIGNUPتصميم نموذج من موضوع. تم تعطيل الحقول في الكتالوج: يتم تحديد الاتصال البريدي بشكل منفصل.
هنا يمكنك دعوة القارئ للاشتراك في المنشورات التالية
CARD.CALLOUT.EMOJIيقوم الرمز التعبيري الموجود على اليسار بتعيين نغمة الصوت، بينما يكشف النص الموجود على اليمين عن الفكرة.
CARD.CALLOUT.BLUEلون جاهز من لوحة السمات. يمكن تحديد لون الخلفية والرموز التعبيرية بشكل منفصل.
CARD.CALLOUT.GREENلون جاهز من لوحة السمات. يمكن تحديد لون الخلفية والرموز التعبيرية بشكل منفصل.
CARD.CALLOUT.YELLOWلون جاهز من لوحة السمات. يمكن تحديد لون الخلفية والرموز التعبيرية بشكل منفصل.
CARD.CALLOUT.REDلون جاهز من لوحة السمات. يمكن تحديد لون الخلفية والرموز التعبيرية بشكل منفصل.
CARD.CALLOUT.PINKلون جاهز من لوحة السمات. يمكن تحديد لون الخلفية والرموز التعبيرية بشكل منفصل.
CARD.CALLOUT.PURPLEلون جاهز من لوحة السمات. يمكن تحديد لون الخلفية والرموز التعبيرية بشكل منفصل.
CARD.CALLOUT.WHITEلون جاهز من لوحة السمات. يمكن تحديد لون الخلفية والرموز التعبيرية بشكل منفصل.
VIDEO.FILE.PORTRAITملف ٩:١٦، العمود العادي. يبدأ الفيديو من قبل القارئ نفسه.
VIDEO.FILE.LANDSCAPEملف 16:9 بتنسيق واسع. مناسبة لتسجيل الشاشة وإظهار الواجهة.
VIDEO.FILE.FULLنفس الملف إلى حواف منطقة النشر. لا يغير حجم الكتلة نسبة العرض إلى الارتفاع للفيديو.
VIDEO.FILE.SQUAREملف مربع حقيقي من المنشور. ليس عليك قطعه للحصول على مربع.
VIDEO.LOOP.MUTEDيتم تكرار الفيديو وكتم صوته. يتم تشغيل الدليل بالنقر فوق؛ يتم تحديد التشغيل التلقائي لمقالة كأمر منفصل.
EMBED.YOUTUBEيستخدم رابطًا حقيقيًا من منشور التصميم والعقارات. إذا كان الفيديو غير متوفر، فلا يزال بإمكانك الذهاب إلى المصدر.
EMBED.INSTAGRAMتضمين Instagram الأصلي والفيديو المحفوظ على شبكة توزيع محتوى الموقع. بدّل بين علامتي التبويب للمقارنة.
AUDIO.PLAYERتصميم بطاقة الصوت موجود في الموضوع؛ لم يتم العثور على ملفات صوتية في المكتبة المنشورة. هذا مشغل عينة بدون تسجيل.
تتوافق خيارات الرأس السبعة مع القائمة العامة لقوالب الموقع والمحرر الحالي. لا يؤدي تغيير الرأس إلى تغيير النص أو ترتيب الكتلة أو إصدارات اللغة. يتم حفظ إعدادات المواد كمسودة؛ يتم النشر بشكل منفصل.
يتم عرض مثال ملء الشاشة في نافذة منفصلة داخل الدليل بحيث لا تغير الخلفية وأنماط التنقل صفحة دليل النمط بأكملها.
POST.HEADER.STANDARDيظهر العنوان والوصف فوق صورة الغلاف، مع الحفاظ على أبعاد الصورة الأصلية.
خلال ساعتين في مقهى بدبي، انتقلنا أنا وآنا، مستشارتي السرية للأعمال، من فكرة إلى منتج B2B: صاغ ChatGPT منطق القطاع والبيانات، وبنى Codex خدمة الويب، وأوصلتها Cloudflare إلى الإنتاج
ألكسندر نيفسكي
مصمم ومطوّر بالذكاء الاصطناعي
AI Designer & Builder في دبي. أصمّم وأبني منتجات رقمية بمساعدة الذكاء الاصطناعي، وأكتب عن التصميم والتكنولوجيا والعقارات والحياة الأسرية

POST.HEADER.LEFTصورة الغلاف على اليسار، والعنوان والوصف على اليمين. يتغيّر ترتيب العناصر على الشاشات الضيقة وفقًا للقالب.
خلال ساعتين في مقهى بدبي، انتقلنا أنا وآنا، مستشارتي السرية للأعمال، من فكرة إلى منتج B2B: صاغ ChatGPT منطق القطاع والبيانات، وبنى Codex خدمة الويب، وأوصلتها Cloudflare إلى الإنتاج
ألكسندر نيفسكي
مصمم ومطوّر بالذكاء الاصطناعي
AI Designer & Builder في دبي. أصمّم وأبني منتجات رقمية بمساعدة الذكاء الاصطناعي، وأكتب عن التصميم والتكنولوجيا والعقارات والحياة الأسرية

POST.HEADER.RIGHTالعنوان والوصف على اليسار، وصورة الغلاف على اليمين. يتغيّر ترتيب العناصر على الشاشات الضيقة وفقًا للقالب.
خلال ساعتين في مقهى بدبي، انتقلنا أنا وآنا، مستشارتي السرية للأعمال، من فكرة إلى منتج B2B: صاغ ChatGPT منطق القطاع والبيانات، وبنى Codex خدمة الويب، وأوصلتها Cloudflare إلى الإنتاج
ألكسندر نيفسكي
مصمم ومطوّر بالذكاء الاصطناعي
AI Designer & Builder في دبي. أصمّم وأبني منتجات رقمية بمساعدة الذكاء الاصطناعي، وأكتب عن التصميم والتكنولوجيا والعقارات والحياة الأسرية

POST.HEADER.TOPتظهر صورة الغلاف قبل العنوان والوصف، مع الحفاظ على أبعادها الأصلية.
خلال ساعتين في مقهى بدبي، انتقلنا أنا وآنا، مستشارتي السرية للأعمال، من فكرة إلى منتج B2B: صاغ ChatGPT منطق القطاع والبيانات، وبنى Codex خدمة الويب، وأوصلتها Cloudflare إلى الإنتاج
ألكسندر نيفسكي
مصمم ومطوّر بالذكاء الاصطناعي
AI Designer & Builder في دبي. أصمّم وأبني منتجات رقمية بمساعدة الذكاء الاصطناعي، وأكتب عن التصميم والتكنولوجيا والعقارات والحياة الأسرية

POST.HEADER.WIDEيبقى العنوان والوصف ضمن عمود النص، وتظهر تحتهما صورة غلاف عريضة.
خلال ساعتين في مقهى بدبي، انتقلنا أنا وآنا، مستشارتي السرية للأعمال، من فكرة إلى منتج B2B: صاغ ChatGPT منطق القطاع والبيانات، وبنى Codex خدمة الويب، وأوصلتها Cloudflare إلى الإنتاج
ألكسندر نيفسكي
مصمم ومطوّر بالذكاء الاصطناعي
AI Designer & Builder في دبي. أصمّم وأبني منتجات رقمية بمساعدة الذكاء الاصطناعي، وأكتب عن التصميم والتكنولوجيا والعقارات والحياة الأسرية

POST.HEADER.TEXT-ONLYتتضمّن ترويسة المنشور العنوان والوصف فقط. تُخفى صورة الغلاف دون حذفها من المادة.
خلال ساعتين في مقهى بدبي، انتقلنا أنا وآنا، مستشارتي السرية للأعمال، من فكرة إلى منتج B2B: صاغ ChatGPT منطق القطاع والبيانات، وبنى Codex خدمة الويب، وأوصلتها Cloudflare إلى الإنتاج
ألكسندر نيفسكي
مصمم ومطوّر بالذكاء الاصطناعي
AI Designer & Builder في دبي. أصمّم وأبني منتجات رقمية بمساعدة الذكاء الاصطناعي، وأكتب عن التصميم والتكنولوجيا والعقارات والحياة الأسرية
POST.HEADER.FULLSCREENتملأ صورة الغلاف ارتفاع الشاشة كخلفية، ويظهر العنوان والوصف فوقها مع طبقة تعتيم لتسهيل القراءة.