انتقل إلى المحتوى

ثيم مخصّص

ثيم تصميم مخصّص، العربية فيه أولًا، في Figma والكود

علامتك التجارية ثيمًا من ريتلا: ملف Figma وكود من رموز التصميم نفسها، والعربية أولًا.

السعر
يُحدَّد بعد الفحص
المدة
يحددها حجم الثيم
البداية
فحص مجاني

Your brand, in both scripts.

علامتك التجارية، بالخطين.

الثيم الافتراضي مثالًا: كل لون هنا رمز تصميم، مقروء من بنائه.
لماذا هذه الخدمة

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

هذه الخدمة لك إن

المواقف التي صُمّمت هذه الخدمة من أجلها.

  • تريد مكوّنات ريتلا، لكن بعلامتك لا بالثيم الافتراضي

  • بُني نظام التصميم لديك بالإنجليزية وأُضيفت العربية لاحقًا

  • المصممون والمطورون يبتعدون باستمرار في الألوان والخطوط والمسافات

  • خطك العربي يبدو مستعارًا: خط خاطئ، وأسطر مزدحمة، وحروف متباعدة

مصدر واحد

مكوّن واحد، بالوضعين، من رموز التصميم نفسها

الثيم يبدّل المتغيرات لا الأصناف: المكوّن نفسه في الوضع الفاتح والداكن، بالعربية، من مجموعة رموز تصميم واحدة.

فاتح
داكن

مثال توضيحي: HTML وCSS حيّان. مأخوذ من عيّناتنا ومن عمليات فحص لمواقع منشورة، لا من عمل لعميل.

النطاق

ما يشمله العمل

ما تحصل عليه

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

ما نحتاجه منك

  • إرشادات علامتك التجارية، أو المنتج كما هو إن لم تكن لديك إرشادات
  • وصول إلى فريقك في Figma، أو ملف نسلّمه لك
  • صاحب قرار واحد لأسئلة العلامة والخطوط

ما لا يشمله العمل

  • هوية علامة جديدة: نعبّر عن هويتك الحالية ولا نستبدلها
  • تصميم خطوط عربية جديدة: نختار الخطوط الموجودة ونضبطها، ولا نرسم خطوطًا جديدة
  • الشاشات التي تتجاوز المكوّنات والقوالب التي يكسوها الثيم

المراحل

كيف يسير العمل

المدة: يحددها حجم الثيم. كل خطوة تنتهي بشيء تراه.

  1. الأسبوع الأول

    الفحص وفهم العلامة

    فحص لواجهتك العربية الحالية وقراءة لعلامتك، فيعالج الثيم ما هو خاطئ اليوم لا موجزًا عامًا.

  2. من الأسبوع الأول إلى الثاني

    رموز التصميم

    درجات الألوان، والألوان الدلالية للفاتح والداكن، والخطوط، والزوايا، والمسافات، مع فحص التباين لكل زوج في الوضعين.

  3. من الأسبوع الثاني إلى الرابع

    Figma والكود

    ملف Figma فيه كل رمز متغيرًا والمكوّنات بالاتجاهين، ورموز التصميم نفسها ككود فتظهر مكوّنات ريتلا بعلامتك.

  4. الأسبوع الأخير

    التحقق

    المكوّنات معروضة بثيمك بالإنجليزي والمعكوس والعربي، مفحوصة، ومقارنة بملف Figma ليتطابق الاثنان.

مدعوم بالمحرك

الفحوص التي يعتمد عليها هذا العمل

كل ملاحظة تبدأ من أحد هذه الفحوص، ومعها الدليل. لكل فحص صفحة تشرح متى يظهر وكيف تُصلحه. تصفّح كل الفحوص.

ابدأ

افحص أولًا، ثم نتحدث عن ملاحظاتك.

يستغرق الفحص نحو دقيقة ولا يكلّف شيئًا. يصلنا طلبك ومعه الفحص، فيبدأ الرد من دليل على موقعك لا من أسئلة عنه.

  1. الصق رابط صفحتك العربية.
  2. اطّلع على نتيجتك وأهم الملاحظات.
  3. أخبرنا بما تحتاجه، ويردّ عليك شخص خلال يوم عمل واحد.

ابدأ بفحص

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

الأسئلة الشائعة

أسئلة عن الثيم المخصّص

اعرف أين تقف عربيتك

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

ابدأ بفحص مجانيكل الخدمات