روبوت FARGPACK يرتب أصول الهوية في دليل توضيحي
غلاف توضيحي لشخصية FARGPACK وهي تنظم أصول الهوية؛ لا يمثل لقطة من المحرر.

دليل الهوية المفيد يساعد شخصًا آخر على تطبيق العلامة بصورة صحيحة، حتى لو لم يشارك في تصميمها. تجمع أداة Brand Guide Studio من FARGPACK بيانات العلامة وصفحات الدليل وعناصر التصميم وخيارات التصدير في مساحة عمل داخل المتصفح. تستطيع ترتيب قواعد الشعار والألوان والخطوط والصور والتطبيقات، ثم الاحتفاظ بمشروع قابل للتحرير وإخراج نسخة للمراجعة. تبدأ جودة النتيجة من صحة القواعد ووضوح شرحها، قبل اختيار عدد الصفحات أو شكل الغلاف.

يجمع هذا الدليل بين أوصاف الواجهة الحالية وفحص حي أُجري في 3 أكتوبر 2026. احتوى نموذج FargPack الابتدائي على 40 صفحة، واستُخدم اسم Madar Demo في تجربة تدريبية لتغيير البيانات المرتبطة وتكرار صفحة والتراجع وتنزيل الملفات. نوضح نتائج هذه التجربة في مواضعها. لم يشمل الفحص رفع شعار أو خط، أو إزالة خلفية، أو إعادة فتح مشروع محفوظ، أو اختبار استثناء لوني على صفحة محددة؛ لذلك ترد هذه الوظائف بوصفها إمكانات تشرحها الأداة.

لمن يفيد الاستوديو وماذا تجهز قبل البدء

يفيد الاستوديو مصمم الهوية الذي يجهز تسليمًا، والطالب الذي يرتب مشروعًا مفاهيميًا، والفريق الصغير الذي يوثق نظامًا بصريًا قائمًا. جهز نسخ الشعار المعتمدة، وقيم الألوان، والخطوط المسموح باستخدامها، ونبذة موجزة عن العلامة، وأمثلة صحيحة لتطبيقها. احتفظ بالملفات الأصلية في مجلد منفصل. وجود صورة موك أب جميلة لا يكفي لإثبات أن النسخة المستخدمة من الشعار أو قواعد المسافات أصبحت معتمدة للتسليم.

اكتب الأسئلة التي يجب أن يجيب عنها الدليل: أي نسخة تناسب الخلفية الداكنة؟ كيف تُقاس مساحة الأمان؟ متى نستخدم الرمز المختصر؟ وما الخط الذي يغطي العربية والإنجليزية؟ إذا لم يُحسم أحد القرارات، اتركه للمراجعة بدل ملء الصفحة برقم يبدو منطقيًا من المثال. القالب يساعدك على تنظيم القواعد، لكنه لا يحدد استراتيجية العلامة ولا يعتمد أصغر حجم للشعار أو مواصفات إنتاج المطبوعات نيابة عنك.

تعرّف إلى مساحة العمل واحفظ نقطة البداية

تتكون مساحة العمل من أقسام الدليل وصفحات المشروع والصفحة الحالية وخصائص التصميم. تنقل بين الصفحات من القائمة أو زري الصفحة السابقة والتالية. تتضمن أدوات الصفحات «إضافة صفحة» و«تكرار الصفحة» والنقل للأمام أو للخلف والحذف، مع التراجع والإعادة. يوسع وضع مساحة العمل المنطقة المخصصة للتصميم، وتساعد معاينة نتيجة التصدير على مراجعة الصفحة دون الخلط بين مقابض التحرير والعناصر التي ستظهر في الملف النهائي.

انتبه عند الفتح إلى ما إذا كانت الأداة تعرض نموذجًا جديدًا أم مسودة محلية سابقة. قد تظهر رسالة لاستكمال المسودة أو بدء جلسة جديدة. قبل فتح مشروع آخر أو استبدال الجلسة، استخدم «حفظ المشروع» لتنزيل نسخة مستقلة. الحفظ داخل المتصفح مفيد لاستكمال العمل على الجهاز نفسه، لكنه قد يضيع عند مسح بيانات الموقع أو تغيير ملف المتصفح. لا تجعل آخر نسخة من دليل عميل حقيقي معتمدة على هذه المسودة وحدها.

بيانات الهوية وصفحات الدليل في محرر واحد. Madar Demo مثال تدريبي. لغة الواجهة لا تترجم نصوص الدليل المؤلفة تلقائيًا.
لقطة فعلية من فحص 3 أكتوبر 2026 باستخدام Madar Demo وبيانات تدريبية. تغيير لغة الواجهة لا يترجم محتوى الدليل المؤلف.

املأ بيانات العلامة المشتركة أولًا

ابدأ بحقول «اسم العلامة» و«اسم العميل» و«مصمم الهوية» و«نبذة العلامة» و«رسالة العلامة». توفر هذه البيانات أساسًا موحدًا للصفحات المرتبطة بها. في الفحص الحي تغيّر اسم العلامة إلى Madar Demo، وتحدث الاسم المرتبط على الغلاف. استُخدمت عبارة Synthetic training project في حقل العميل لتوضيح أن المثال تدريبي. بعد أي تغيير مشترك، راجع العنوان الكبير والعناوين المتكررة والتذييلات الصغيرة، ولا تكتفِ بالنظر إلى أول سطر ظاهر.

ضع النص الحقيقي قبل قضاء وقت طويل في ضبط فواصل الأسطر. قد يغير الاسم الطويل أو وصف العلامة المفصل توازن الصفحة مقارنة بالنموذج. بعض النصوص قابلة للتحرير بصورة مستقلة، لذلك لا تفترض أن كل عبارة على الصفحة ستتغير من حقل واحد. راجع الغلاف والفهرس والتطبيقات وملخص التسليم بحثًا عن أسماء قديمة أو تهجئات مختلفة. إذا ظهرت عبارة خاصة بالنموذج، استبدلها بمعلومة تخص المشروع أو احذفها عند عدم الحاجة.

اختر ملف الشعار والخط المناسبين

توضح إرشادات رفع الشعار حدًا أقصى قدره 16 ميجابايت. وتذكر أن دعم AI يخص الملفات المتوافقة مع PDF، مع استخدام الصفحة الأولى. لا يعني ذلك فتح مشروع Illustrator أصلي بكل مكوناته وإدارته داخل الاستوديو. اختر نسخة نظيفة مناسبة للاستعمال، ثم راجع ظهورها على الصفحات الفاتحة والداكنة والأحادية. هذا الوصف مأخوذ من تعليمات الأداة؛ لم تُختبر عملية رفع شعار جديد ضمن التجربة المسجلة لهذا الدليل.

يدعم حقل رفع الخط، وفق الواجهة، صيغ TTF وOTF وWOFF وWOFF2 حتى 8 ميجابايت، مع تضمين الخط المرفوع في ملف المشروع. تأكد من حق استخدام الخط ومن شروط توزيعه إذا كنت سترسل المشروع نفسه إلى طرف آخر. احتفظ بمصدر الخط وترخيصه واسم نسخته. ظهور النص صحيحًا في متصفحك لا يضمن ظهوره بالطريقة نفسها لدى المستلم عند تحرير ملفات الصفحات، فقد يحتاج إلى تثبيت الخط المستخدم على جهازه.

اضبط الألوان المشتركة والاستثناءات بوضوح

توفر خصائص العلامة لونًا رئيسيًا وقيمًا داكنة وفاتحة، إلى جانب لوحات مقترحة. توضح الأداة أن الألوان تتحدث في الدليل والتطبيقات، بينما يظل اللون الذي عُدّل لصفحة بعينها مستقلًا. اضبط اللوحة العامة قبل صناعة الاستثناءات، واستخدم لون الصفحة الخاص لسبب واضح. وإلا قد يؤدي تعديل الهوية لاحقًا إلى مزيج من صفحات تتبع اللوحة الجديدة وصفحات تحتفظ بقيم قديمة لا تلاحظها أثناء المراجعة السريعة.

يوجد مؤشر لوضوح النص وخيارات لتطبيق مظهر فاتح أو داكن على الدليل كله. استخدم المؤشر كتنبيه للمراجعة، ثم اقرأ النص الفعلي فوق خلفيته، خصوصًا التسميات الصغيرة والتعليقات. لا تتعامل معه كاعتماد شامل لكل تطبيق أو نتيجة طباعة. راجع ألوان الصفحات المستقلة بعد تغيير اللوحة العامة. سلوك الاستثناءات هنا موصوف في الواجهة والمصدر؛ لم يكن ضمن الوظائف التي أُجريت عليها تجربة عملية في هذا الفحص.

ابنِ ترتيبًا يخدم استخدام الهوية

يشمل الهيكل المبدئي نبذة العلامة ونظام الشعار ومساحة الأمان والحد الأدنى للحجم والاستخدامات غير الصحيحة واختيار الخلفية. كما يوفر صفحات للألوان ونسب توزيعها والتباين والطباعة والخط الأساسي والتسلسل الطباعي والعربية والإنجليزية، ثم الشبكة والنمط والصور والتطبيقات والموك أب. ليست كل صفحة مطلوبة لكل علامة. احتفظ بما يشرح قرارًا حقيقيًا، وأعد كتابة ما يخص المثال، واحذف التكرار الذي لا يضيف قاعدة قابلة للاستخدام.

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

حرر العناصر مع الحفاظ على نظام الصفحة

اختر نصًا أو صورة مباشرة من الصفحة، أو حدد العنصر من «طبقات الصفحة». تعرض الخصائص المحتوى واللون وحجم الخط والمحاذاة والموقع بحسب العنصر. إذا كان مقفلًا، افتح القفل من قائمة الطبقات قبل تعديله. تساعد أدوات المحاذاة والمحاذاة الذكية على تثبيت حواف مشتركة ومراكز متسقة. بعد المحاذاة الرقمية، راجع التوازن البصري للشعار والكلمات، لأن اختلاف كتلة الرسم قد يجعل التوسيط الحسابي أقل وضوحًا للعين.

تصف الواجهة أيضًا الحجم النسبي والإزاحة الأفقية والرأسية وإخفاء العنصر في التصدير واستعادة العنصر الأصلي. راجع حالة الإخفاء بعناية؛ وجود العنصر أثناء التحرير لا يكفي لإثبات أنه سيظهر في التسليم. بعد استبدال نص، افحص قربه من الحواف وازدحام الأسطر ومكان التعليق. احفظ نسخة عند الوصول إلى مرحلة مستقرة، واستخدم التراجع للتجارب القريبة بدل الاعتماد عليه كأرشيف طويل لكل قرارات التصميم.

أدخل الموك أب كصورة جاهزة

تتيح خصائص صورة الصفحة وضع «الصورة مع النص» أو «ملء الصفحة»، مع استبدال الصورة وإزالتها وإخفاء عنوانها ووصفها. جهز الموك أب بتصميمك قبل رفعه. يمكن تحريك الصورة وتحجيمها داخل الصفحة، لكن تغيير التفاصيل الموجودة داخلها يحتاج العودة إلى ملف الموك أب أو التصميم الأصلي. احتفظ بذلك الملف منفصلًا حتى تستطيع تحديث شعار مطبوع على عبوة أو تصحيح نص صغير دون إعادة بناء المشهد من البداية.

تصف أداة إزالة الخلفية عملية إزالة لون واحد متصل بحواف الصورة، مع إمكانية التراجع. لا تفترض أنها مناسبة لكل صورة فوتوغرافية أو خلفية معقدة. افحص الخطوط الرفيعة والأجزاء الفاتحة والفراغات المغلقة بعد الإزالة. لم تُختبر هذه الوظيفة في الفحص المسجل، لذلك تظل المقارنة بملف شعار شفاف مجهز في تطبيق التصميم الأصلي خطوة مفيدة. إذا لاحظت فقدان تفاصيل، ارجع إلى الأصل بدل اعتماد نتيجة تبدو مقبولة عند التصغير فقط.

نفذ المثال التدريبي الذي جرى فحصه

  1. افتح الدليل الافتراضي وراجع عدد صفحاته. النسخة المفحوصة بدأت بـ40 صفحة.
  2. اكتب Madar Demo في اسم العلامة وSynthetic training project في اسم العميل.
  3. افتح الغلاف وتأكد من تغير الاسم المرتبط.
  4. كرر الصفحة الحالية؛ ارتفع العدد في التجربة إلى 41 صفحة.
  5. اضغط التراجع وتأكد من عودة العدد إلى 40. انتقل التحديد في الاختبار إلى صفحة المحتويات التالية، لذلك أعد تحديد الغلاف إذا كان هو هدف التصدير.
  6. احفظ المشروع، ثم نزّل SVG وPNG للصفحة الحالية وPDF كاملًا وحزمة SVG من «تنزيل الملفات».

يختبر هذا التسلسل مجموعة محدودة ومفهومة من العمليات قبل إدخال مشروع كامل. لا يثبت سلامة جميع الصفحات أو المؤثرات أو أنواع الرفع. سمِّ ملفات التجربة بأسماء واضحة واحتفظ بوصفها التدريبي. إذا تغير النموذج في إصدار لاحق، قارن العدد قبل التكرار وبعده بدل افتراض أن كل جلسة يجب أن تبدأ دائمًا بأربعين صفحة. الهدف أن تفهم أثر الأمر وأن تستطيع الرجوع إلى الحالة السابقة.

كل صيغة تؤدي وظيفة مختلفة. ملف SVG قد يحتوي صورًا نقطية؛ ولا يعني تصدير ملف AI أصلي
مقارنة توضيحية للمخرجات. فُحص JSON وPNG وSVG وPDF وZIP؛ تظل الصور النقطية داخل SVG صورًا، ولا يمثل التصدير ملف AI أصليًا.

اختر صيغة التصدير وفق مهمة المستلم

  • مشروع JSON: نسخة عمل للاستوديو. احتوى الملف المفحوص على حقول format وversion وbrand وpages وupdatedAt.
  • PDF: نسخة عرض للدليل كاملًا. احتوى الملف الذي نُزّل في التجربة على 40 صفحة.
  • PNG للصفحة الحالية: صورة نقطية للمراجعة أو للاستخدام داخل مستند آخر. بلغ المقاس المفحوص 2400 × 1350 بكسل.
  • SVG للصفحة الحالية: ملف صفحة احتفظ بنصوص قابلة للتحرير في التصدير المختبَر. افتحه في التطبيق المقصود وراجع الخطوط.
  • ZIP: صفحات SVG منفصلة مع ملفات مساعدة. احتوت الحزمة المختبَرة على 40 صفحة SVG ضمن 45 عنصرًا إجمالًا.

لا يحول SVG الصور الفوتوغرافية إلى مسارات. توضح الواجهة أن الصور النقطية تظل صورًا، وأن الشعار المرفوع بصيغة SVG يحتفظ بمساراته. وتوجهك إلى فتح الصفحات في Illustrator وحفظها بصيغة AI هناك؛ لا يوجد ادعاء بتصدير AI أصلي مباشرة. قد تختلف بعض مؤثرات المتصفح أو الخطوط في المحرر الآخر. قارن الملف المفتوح بنسخة PDF أو PNG قبل إجراء تعديل جديد أو إرسال نسخة قابلة للتحرير إلى فريق آخر.

احتفظ بنسخة يمكن الرجوع إليها

احفظ المشروع عند مراحل واضحة، مثل اعتماد المحتوى واكتمال التطبيقات والتسليم النهائي، واستخدم تاريخًا ورقم مراجعة في الاسم. تقول الواجهة إن النسخة المستقلة تشمل الصور والخط المرفوع، ويرفض مستورد المشروع ملفات تتجاوز 100 ميجابايت. لا يعني الحد الأقصى أن كل متصفح سيعمل بسلاسة مع مشروع قريب منه. تقليل الصور غير الضرورية وتنظيم الصفحات يساعدان على إبقاء المشروع قابلًا للإدارة.

قبل استبدال جلسة مهمة، تحقق من فتح نسخة احتياطية في جلسة تجريبية منفصلة إن أمكن. لم تشمل التجربة المسجلة إعادة الاستيراد، لذلك لا يفترض هذا الدليل اكتمال دورة الحفظ والفتح لكل الأصول. احتفظ بالشعار وملفات الموك أب ومعلومات الخط خارج المشروع أيضًا. أرسل للمستلم الملفات التي يحتاجها ولديك حق مشاركتها فقط، خاصة إذا كان المشروع يضم خطًا أو صورة مرخصة بشروط لا تسمح بإعادة توزيع الملف الأصلي.

ما يُحفظ محليًا يحتاج نسخة مستقلة. تحقق من فتح النسخة الاحتياطية قبل استبدال العمل الحالي
مخطط توضيحي للحفظ المحلي والنسخة المستقلة. إعادة فتح المشروع لم تُختبر في الفحص المسجل؛ تحقق من نسختك قبل استبدال عمل مهم.

راجع اللغة والملفات قبل التسليم

يمكن تبديل الواجهة إلى الإنجليزية، أو فتح رابط المحرر الإنجليزي. في الفحص تغيرت أسماء أدوات التحكم، بينما بقي محتوى الدليل المؤلف بالعربية، وظلت بعض المساعدة الثانوية عربية أيضًا. إذا كنت تسلم دليلًا إنجليزيًا، جهز النص الإنجليزي وراجعه بنفسك. تبديل لغة الأزرار لا يترجم قصة العلامة أو التعليقات أو القواعد المكتوبة داخل الصفحات.

افتح الملفات المنزلة وراجع الصفحة الأولى والأخيرة والترتيب والصور والنص الصغير والخطوط والعناصر المخفية. ابحث عن أسماء المثال والتعليمات التي لا تزال تصفه، وطابق الأرقام مع الهوية المعتمدة. نجاح التنزيل يثبت إنتاج ملف، أما مراجعة التسليم فتتحقق من أن هذا الملف يحمل المعلومات المناسبة. من الأخطاء المتكررة الخلط بين اللون العام والاستثناء، وتوقع تعديل تفاصيل الموك أب داخليًا، والاعتماد على حفظ المتصفح وحده.

قراءات تساعدك على ملء الصفحات بقرارات واضحة

قبل صياغة القواعد، اقرأ إرشادات مساحة الأمان للشعار، وتصميم نسخ شعار متجاوبة، والهوية البصرية أحادية اللون. ارجع بعدها إلى الاستوديو ووثق القاعدة التي اخترتها بمثال مفهوم. يصبح الدليل جاهزًا عندما يستطيع شخص آخر استخدامه دون تخمين نية المصمم أو العودة إليه عند كل تطبيق جديد.

FARGPACK robot organizes brand assets into an illustrative guide
An original illustration of the FARGPACK character organizing brand assets; not an editor screenshot.

A useful brand guide helps someone apply an identity correctly after the designer has left the room. FARGPACK Brand Guide Studio brings brand information, a page-based editor, visual assets and several export formats into one browser workspace. You can assemble logo rules, color and typography guidance, imagery and applications, then keep an editable project and deliver a review copy. The important work is deciding which rules are accurate and making them understandable.

This guide combines the current interface descriptions with a live check on 3 October 2026. The starting FargPack example contained 40 pages. A training edit named Madar Demo was used to check linked text, page duplication, undo and downloads. Those results are identified below. Uploading a logo or font, removing a logo background, reopening a saved project and applying page-specific color overrides were not exercised in that check.

Who the studio helps and what to prepare

The studio suits identity designers preparing a handover, students organizing a concept and small teams documenting an existing visual system. Before editing, collect the approved logo versions, exact color values, permitted fonts, a short description of the brand and examples of correct application. Keep original assets separately. A guide assembled from unapproved mockups or guessed rules can look complete while leaving the next designer with conflicting instructions.

Write a short list of decisions that the guide must answer. Which logo works on a dark background? What determines clear space? When should a compact mark replace the full signature? Which typeface covers Arabic and English? If a decision is unresolved, mark it for review rather than copying a plausible number from the sample. Template text is a starting structure, and the tool does not establish a brand strategy or approve production specifications.

Read the workspace before making changes

The editor combines guide sections, project pages, the current page and design properties. Use the page list or previous and next controls to move through the document. The page controls include Add page, Duplicate page, move earlier or later and Delete page. Undo and Redo support experimentation. Workspace expansion gives the canvas more room, while export preview helps you inspect the intended output without treating editor handles as design elements.

Begin by identifying whether you have a new example or an existing local draft. The resume prompt can offer the previous draft or a new session. Save a separate project before opening another file or replacing the current work. Local browser storage is convenient for continuing on the same device, but clearing site data or changing browser profiles can remove that route back to your document.

Brand data and guide pages in one editor. Madar Demo is training data. Changing UI language does not automatically translate authored guide text.
Actual interface from the 3 October 2026 check using Madar Demo training data. Changing interface language does not translate authored guide content.

Enter shared brand information first

Use the brand information controls for Brand name, Client name, Brand designer, About the brand and Brand message. These shared fields provide a consistent base for the pages. In the live check, changing the name to Madar Demo updated the linked cover name. The client field was set to Synthetic training project, keeping the exercise clearly separate from a real commission. Check both prominent headings and small repeating labels after a shared change.

Enter meaningful text before refining every line break. A short real brand description may fit differently from the sample, and a long client name can change a cover composition. Where page text is edited independently, review that page as its own content. Do not assume that every visible phrase is connected to a shared field. Read the finished cover, contents, application captions and handover summary for old names and inconsistent spelling.

Choose the right logo and font files

The logo upload guidance states a maximum of 16 MB. It also describes support for PDF-compatible AI files using the first page; this is a limited import route, not general editing of a native Illustrator project. Prefer a clean asset suited to the intended use, and verify which version appears on light, dark and monochrome pages. Upload handling was described by the tool but was not part of this guide's live test.

For custom typography, the interface lists TTF, OTF, WOFF and WOFF2 with an 8 MB limit. It states that the uploaded font is included in the saved project. Check that you have permission to use and, where applicable, redistribute that font. Keep an original font reference and license record. A font that looks correct on your computer may need installation on a recipient's system for editable text to retain its appearance.

Use global colors and page exceptions deliberately

The brand color controls provide a main color and dark and light values, alongside suggested palettes. The tool describes these as shared across the guide and its applications, while a color edited for an individual page remains independent. Set the global palette first, then use exceptions only where a page genuinely needs one. Otherwise later palette changes can leave a mixture of connected and independent colors that is easy to overlook.

A text-contrast indicator offers a useful prompt to review ordinary text, and the guide-wide light or dark options can change the overall presentation. Read the actual text against its background, including smaller labels and image captions. An on-screen indicator is not a blanket approval of every color use or printed result. Recheck independent page colors after a global change. This override behavior is source-described, rather than demonstrated by the recorded runtime example.

Build a relevant sequence of guideline pages

The supplied structure covers the brand overview, logo system, clear space, minimum size, incorrect uses, background choices, colors, color proportions, contrast, print color, typography and bilingual type. It also includes grid and alignment guidance, pattern and imagery pages, applications and mockups. You do not need to retain every example page. Keep the pages that explain actual decisions and remove or rewrite material that does not belong to the identity.

A practical sequence moves from recognition to everyday use: brand context, approved logo versions, placement rules, colors and type, then applications and delivery notes. Show a correct example beside a specific restriction when that makes the rule easier to apply. Replace generic minimum-size and clear-space values with values supported by the identity work. A small brand may need fewer pages with clear instructions more than a long deck with repeated demonstrations.

Edit elements without losing the page structure

Select a text or image element on the page, or select its layer in Page layers. The properties panel provides content, color, type size, alignment and positioning controls appropriate to the selection. Locked elements must be unlocked from the layer list before editing. Alignment controls and smart snapping help maintain a common edge or center. Use them to support a consistent grid, then review the optical balance of the actual logo and text.

The editor also describes relative scale, horizontal and vertical offsets, hiding an element in export and restoring its original state. Check export visibility intentionally: an element visible while editing may be excluded from the delivered page. After replacing text, look for crowding near the frame or caption. Save a milestone copy before a broad restructuring, and use Undo for immediate experiments rather than relying on it as your only archive.

Add mockups as finished images

Page image and mockup controls allow an image with text or a full-page treatment. There are options to replace or remove the page image and hide its title and description. Prepare the mockup with the intended artwork before importing it. The studio can move and scale the image, but details inside that picture must be changed in the original mockup or design file.

The background-removal control is described as removing a single-color background connected to the image edges, with Undo available. It should not be treated as a universal cutout service for complex photography. Inspect thin logo strokes, pale details and enclosed shapes after any removal. That control was not runtime-tested here. A transparent logo prepared in the original design application remains a useful reference for comparison.

Repeat the tested training exercise

  1. Open the default guide and confirm the current page list. The reviewed version started with 40 pages.
  2. Set Brand name to Madar Demo and Client name to Synthetic training project.
  3. Open the cover and verify the linked name has changed.
  4. Duplicate the current page. The check increased the total from 40 to 41.
  5. Use Undo and confirm the total returns to 40. In the check, selection moved to the following Contents page, so reselect the cover if that is your export target.
  6. Use Save project, then download a current-page SVG and PNG, the full PDF and the SVG page ZIP from Download files.

This exercise checks a manageable set of operations before you enter a full identity. It does not validate all pages, uploads or visual effects. Give the trial files distinct names and keep the synthetic client label. If the starting example changes in a later release, compare the before-and-after page totals rather than assuming that every new session must contain exactly 40 pages.

Choose the format for the next task. SVG can contain raster images; it is not a native AI project
An explanatory comparison of outputs. JSON, PNG, SVG, PDF and ZIP were checked; raster pictures remain raster inside SVG, and the export is not a native AI project.

Choose an export for the next person's task

  • Project JSON: a working backup for the studio. The tested download contained format, version, brand, pages and updatedAt fields.
  • PDF: a presentation copy of the whole guide. The tested file contained 40 pages.
  • Current-page PNG: a raster image for a preview or a placed illustration. The checked output measured 2400 × 1350 pixels.
  • Current-page SVG: a page file with editable text in the tested output. Open it in the intended editor and check typography.
  • ZIP: separate SVG pages plus support files. The test archive contained 40 page SVGs within 45 total entries.

The SVG route does not turn photographs into vectors. The interface explains that raster images remain raster, while an uploaded SVG logo retains its paths. It directs you to open exported pages in Illustrator and save AI there; the studio does not claim native AI export. Font availability and browser effects can change appearance in another editor. Compare the opened SVG with the PDF or PNG before making further edits.

Keep a recoverable working copy

Save the project at useful milestones, such as approved content, completed applications and final handover. Use dates and a clear revision in the filename. The interface says the independent project includes images and an uploaded font, and its import handler rejects projects larger than 100 MB. These limits do not guarantee that every browser will comfortably handle a project close to that size.

Before replacing an important working session, verify a backup in a separate disposable session when possible. Project reimport was not exercised in the recorded check, so this guide does not claim a completed round trip. Keep the source logo, mockup files and font documentation separately as well. Send recipients only the material they need and that you have permission to share, especially when a project file embeds licensed assets.

Keep an independent project copy. Verify the backup opens before replacing the current work
An explanatory backup workflow. Project reopening was not tested in the recorded check; verify your copy before replacing important work.

Review language and output before handover

The interface can be switched to English, including through the English editor link. In the test, controls changed language while authored document text stayed Arabic. Some secondary help also remained Arabic. Prepare and review the actual English content yourself when delivering an English guide; switching interface labels does not translate the brand story, captions or rules.

Open the downloaded files and check the first and last pages, page order, missing images, small text, font substitutions and hidden elements. Search visually for sample names and instructions that still describe the demo. Check any numerical rules against the approved identity. A successful download establishes that a file was produced, while the handover review establishes whether that file contains the right instructions for the recipient.

Common mistakes and the next useful reading

The most costly shortcuts are retaining unreviewed sample rules, confusing global colors with page overrides, expecting a mockup image to be internally editable and treating local saving as a durable backup. Another frequent confusion is assuming that an editable SVG is a native Illustrator project or that a language switch creates a translated guide. Choose the correct output, preserve the project and inspect the result in the software that will actually receive it.

For decisions to make before filling the relevant pages, read logo clear-space guidelines, responsive logo systems and monochrome brand identity. Then return to the studio and document your chosen rules with a clear example. A guide is ready when another person can follow those rules without guessing at the designer's intent.

دليل Brand Guide Studio في FARGPACK لبناء دليل هوية قابل للتسليم6301854957469421832