جملة واحدة تدخل. هوية بصرية كاملة تخرج.
صِف ما تبنيه واحصل على علامات متجهة حقيقية قابلة للتحرير، لا صوراً نقطية مُقتفاة.
تنويعات الشعار، ومجموعة أيقونات الموقع كاملة، ولوحة الألوان، وشيفرة جاهزة للّصق، كلها في ملف مضغوط واحد.
داخل الملف المضغوط: favicon.ico · icon.svg · apple-touch-icon · أيقونات PWA · صورة OG · تنويعات الشعار · شيفرة head
ماذا تتضمّن الحزمة
كل ما يحتاجه موقع في يومه الأول، ولا شيء مما قد ترسله لك مطبعة بدلاً من ذلك.
الشعار وتنويعاته
تركيبات أفقية ورأسية، والرمز وحده، ونسخة سوداء صمّاء وأخرى بيضاء معكوسة. صور PNG شفافة وملفات SVG قابلة للتكبير بلا حدود، جاهزة للوضعين الفاتح والداكن.
أيقونة الموقع
ملف .ico حقيقي متعدد الدقّات مع صور PNG بكل المقاسات، وapple-touch-icon وأيقونات PWA — ومنها ملف maskable منفصل بالمساحة الآمنة التي يطلبها أندرويد.
لوحة الألوان
اللون الأساسي والألوان المساندة بقيم HEX وRGB، جاهزة للّصق مباشرة في إعدادات Tailwind CSS.
توصيات الخطوط
زوج من خط للعناوين وآخر للنصوص من عائلات مفتوحة المصدر ومجانية تناسب نبرة العلامة، مع خطوط عربية بديلة مضافة سلفاً في المكدّس.
صور المشاركة والشبكات الاجتماعية
صورة OG بمقاس 1200×630، وبطاقة تويتر، ومصغّرة مربّعة مخصّصة لـ WeChat، وصورة رمزية 400×400 تصلح لأي منصّة.
شيفرة جاهزة للّصق
مقطع head يتضمّن روابط الأيقونات وtheme-color ووسوم OG وتويتر — وهي تحديداً ما تنساه معظم المواقع حتى يظهر الرابط المشارَك فارغاً.
أمثلة هويات بصرية أُنشئت بهذه الأداة
لا تعرف كيف تصف علامتك بالكلمات؟ اطّلع على الأمثلة أدناه، وكلها من إنشاء الذكاء الاصطناعي لدينا. سواء كنت تبني أداة SaaS بسيطة أو تطبيقاً استهلاكياً مرحاً، ستجد هنا نقطة انطلاق.
كيف تبدو الحزمة المكتملة
عملية إنشاء حقيقية لأداة تحرير بودكاست. علامة واحدة، وكل ما تحتها مشتق منها: أيقونة الموقع بكل مقاس بكسل فعلي، وبطاقة OG، وتدرّج الألوان، والوثائق التي تشرح للفريق كيف يستخدمها.
منتج SaaS تقني
«لوحة مراقبة واجهات برمجية للمطورين، بطابع بسيط وتقني، أزرق كحلي غامق مع لمسة لون إشاري.» يُقرأ الرمز كمنارة تتبّع، والعلامة نفسها تصمد كأيقونة في تبويب المتصفح.
تطبيق لنمط الحياة
«تطبيق ودود لحجز مواعيد العيادات البيطرية، دافئ وجدير بالثقة، أزرق مخضرّ مع أبيض.» شكل ظلّي واحد بحواف دائرية بلا تفاصيل داخلية، وهذا بالضبط ما يصمد في تبويب بحجم 16 بكسل.
أداة لصنّاع المحتوى
«أداة تحرير صوتي لصنّاع البودكاست المستقلين، جريئة وعالية التباين.» مثلث التشغيل يعمل أيضاً كمرتكز بصري للاسم، وتبقى الألوان واضحة على شريط تبويبات داكن.
لماذا تُرسم أيقونة الموقع على حدة
شعار مليء بالتفاصيل صُغّر مباشرةً إلى حجم تبويب المتصفح فتلاشى، وإلى جانبه علامة اشتُقّت وفق قواعد أيقونة الموقع بالحجم نفسه 16 بكسل، ولا تزال مقروءة. هذا الفحص لا تعرضه معظم المولّدات، وهنا يُجرى على كل مرشّح.
ما الهوية البصرية، ولماذا تُحسب أيقونة الموقع ضمنها؟
الهوية البصرية هي مجموعة الأصول المرئية القابلة لإعادة الاستخدام التي يخرج بها المنتج: الشعار وتنويعاته، وأيقونة الموقع، ولوحة الألوان، ونظام الخطوط. أيقونة الموقع جزء منها، لكنها تُشتقّ من الرمز داخل الشعار، لا من تصغير الشعار كاملاً. شعار جوجل كلمة بأربعة ألوان، أما أيقونته فحرف G وحده، مرسوم على حدة.
مربّعة دائماً
معظم الشعارات تركيبات أفقية، بينما موضع الأيقونة مربّع، فلا بد أن يقف الرمز وحده.
مقروءة عند 16 بكسل
الخطوط الرفيعة تختفي، والتدرّجات تتحوّل إلى بقعة، والنص يصبح غير مقروء. هذا القيد هو ما يحدّد طريقة الرسم.
تصمد على الفاتح والداكن
العلامة القريبة من الأبيض تختفي في شريط تبويبات فاتح. لا بد أن تصمد الألوان على الجانبين معاً.
ثلاث خطوات إلى هوية بصرية متكاملة
الطريقة التقليدية أن تكتب المتطلبات وتبحث عن مصمّم وتنتظر أسبوعاً. هنا جملة واحدة ودقيقة تقريباً.
١. صِف فكرتك
مثلاً: أداة ذكاء اصطناعي لتنقيح الأوراق الأكاديمية موجّهة للطلاب الدوليين، بجمالية بسيطة وتقنية، والأزرق لون أساسي. نحوّل ذلك إلى وصف للعلامة ثم نفتحه على عدة اتجاهات مختلفة فعلاً، لا فكرة واحدة بأربعة ألوان.
٢. الذكاء الاصطناعي يعمل بالتوازي
يعمل المحرّك بالتوازي: يولّد مفاهيم الشعار كرسم متجه حقيقي، ويستخلص لوحة الألوان المناسبة، ويخطّط نظام الخطوط.
٣. نزّل الملف المضغوط
أعجبك؟ نقرة واحدة تنزّل ملفاً مضغوطاً بكل الأصول وتعليمات التركيب. وتغيير اسم العلامة بعد ذلك مجاني.
الأسئلة الشائعة
لديك سؤال آخر؟ راسلنا على [email protected].
هي مجموعة الأصول المرئية القابلة لإعادة الاستخدام التي يخرج بها المنتج: الشعار وتنويعاته، وأيقونة الموقع، ولوحة الألوان، ونظام الخطوط، وقواعد الاستخدام التي تحافظ على اتساقها. الهوية البصرية ليست ملف شعار واحداً، بل كل ما يلزم ليبدو المنتج نفسه في تبويب المتصفح، وعلى شاشة الهاتف، وفي معاينة الرابط المشارَك.
نعم — بضعة مسارات بألوان مسمّاة، وحجم الملف عادةً أقل من 12 كيلوبايت. يُولَّد كمتجه ولا يُقتفى من صورة نقطية، فلا تجد آلاف العُقد التي يصعب تحريرها في إليستريتور أو فيغما.
لا. الاسم عنصر نصّي حيّ داخل ملف SVG وليس مدموجاً في الرسم، فتغييره مجرّد إعادة عرض. الرصيد يُستهلك فقط عند توليد علامات جديدة.
يمكنك استخدامها تجارياً بحرية. لكن التوليد بالذكاء الاصطناعي لا يضمن التفرّد، فوصف مشابه قد يعطي شخصاً آخر نتيجة مشابهة. استشر محامي علامات تجارية قبل التسجيل.
هذا مقصود. يجب أن تكون الأيقونة مربّعة، وأن تُقرأ عند 16 بكسل، وأن تصمد على شريط تبويبات فاتح وداكن معاً. نأخذ الرمز ونقصّه عند حدوده الخاصة ونجري فحص وضوح قبل التسليم.
نعم. أداة تحويل SVG إلى ICO تعمل بالكامل داخل متصفحك وهي مجانية، بلا تسجيل وبلا رصيد.
أعجبتك هذه الأنماط؟ أنشئ خاصتك.
صِف منتجك واحصل خلال دقيقة تقريباً على هوية بصرية كاملة وصالحة للاستخدام التجاري.