OnlineFreeTools.org
  • الرئيسية
  • Image editing tools
    • علامة مائية نصية — في المتصفح
    • استخراج ألوان الصورة — لوحة واختيار بالنقر
    • قلب الصورة — أفقي أو عمودي
    • إطار صورة — لون وعرض
    • ضغط الصور — البعد الأطول والجودة والحجم المستهدف (محليًا)
    • قص الصورة وتغيير الحجم — محليًا
    • عرض وحذف EXIF من الصور — الموقع والكاميرا محليًا
    • محول تنسيق الصور — PNG JPEG WebP AVIF BMP GIF ICO SVG محليا
    • تحويل الصورة إلى رمادي
    • دمج الصور — اجمع صورًا في كولاج واحد
    • تحسين الصور — WebP وAVIF وMozJPEG محليًا
    • تراكب الصور — ضع شعارًا على صورة
    • صورة ↔ Base64 — ترميز وفك
    • صور إلى GIF — رسوم قصيرة
    • صور إلى PDF — صفحة لكل صورة
    • صور إلى PowerPoint — شريحة لكل صورة
    • صور إلى Word — DOCX محلي
  • أدوات التصميم
    • توليد مقياس ألوان العلامة — لوحة 50–950 ورموز CSS
    • دليل أسلوب العلامة — مسودة وحدات قابلة للتعديل
    • نظام ألوان الموقع — رموز CSS دلالية
    • مدقق تباين WCAG — نسبة AA/AAA
  • Developer tools
    • إضافة WWW إلى DNS — سجلات A/CNAME وأدلة المنصات
    • محول CSV ↔ JSON — الأنواع والفواصل ومحليًا
    • ترميز وفك ترميز كيانات HTML — محليًا
    • IndexNow — إرسال روابط Bing وفحص المفتاح ورموز الحالة
    • ما هو عنوان IP الخاص بي — IP عام (IPv4/IPv6)
    • مدقق JSON Schema — مسارات draft-07 ومحليًا
    • من Markdown إلى HTML الآمن — وبالعكس
    • Compare Two Texts Online — Text Diff Checker
    • فحص ترويسات HTTP للموقع — عرض رؤوس الاستجابة
    • من YAML إلى JSON وبالعكس — قواعد الأنواع ومحليًا
  • Calculators
    • حاسبة مؤشر كتلة الجسم — طريقة الحساب
    • حاسبة التدرج — ∇f متعدد المتغيرات (مشتقات جزئية)
    • حاسبة الإيراد الحدي — الصيغة ΔTR / ΔQ
    • حاسبة التغير بالنسبة المئوية — من قيمة قديمة إلى جديدة
    • حاسبة العائد على الاستثمار (ROI) — طريقة الحساب
    • تحويل القدم المربع إلى متر مربع — للمنازل والتشطيب
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

الأدوات

علامة مائية نصية — في المتصفحإضافة WWW إلى DNS — سجلات A/CNAME وأدلة المنصاتتوليد مقياس ألوان العلامة — لوحة 50–950 ورموز CSSدليل أسلوب العلامة — مسودة وحدات قابلة للتعديلاستخراج ألوان الصورة — لوحة واختيار بالنقرمحول CSV ↔ JSON — الأنواع والفواصل ومحليًاقلب الصورة — أفقي أو عموديحاسبة مؤشر كتلة الجسم — طريقة الحسابحاسبة التدرج — ∇f متعدد المتغيرات (مشتقات جزئية)حاسبة الإيراد الحدي — الصيغة ΔTR / ΔQحاسبة التغير بالنسبة المئوية — من قيمة قديمة إلى جديدةحاسبة العائد على الاستثمار (ROI) — طريقة الحسابترميز وفك ترميز كيانات HTML — محليًاإطار صورة — لون وعرضضغط الصور — البعد الأطول والجودة والحجم المستهدف (محليًا)قص الصورة وتغيير الحجم — محليًاعرض وحذف EXIF من الصور — الموقع والكاميرا محليًامحول تنسيق الصور — PNG JPEG WebP AVIF BMP GIF ICO SVG محلياتحويل الصورة إلى رماديدمج الصور — اجمع صورًا في كولاج واحدتحسين الصور — WebP وAVIF وMozJPEG محليًاتراكب الصور — ضع شعارًا على صورةصورة ↔ Base64 — ترميز وفكصور إلى GIF — رسوم قصيرةصور إلى PDF — صفحة لكل صورةصور إلى PowerPoint — شريحة لكل صورةصور إلى Word — DOCX محليIndexNow — إرسال روابط Bing وفحص المفتاح ورموز الحالةما هو عنوان IP الخاص بي — IP عام (IPv4/IPv6)مدقق JSON Schema — مسارات draft-07 ومحليًامن Markdown إلى HTML الآمن — وبالعكسنظام ألوان الموقع — رموز CSS دلاليةتحويل القدم المربع إلى متر مربع — للمنازل والتشطيبCompare Two Texts Online — Text Diff Checkerمدقق تباين WCAG — نسبة AA/AAAفحص ترويسات HTTP للموقع — عرض رؤوس الاستجابةمن YAML إلى JSON وبالعكس — قواعد الأنواع ومحليًا

دليل أسلوب العلامة — مسودة وحدات قابلة للتعديل

ابنِ دليل هوية العلامة في المتصفح. الخطوات: اسم العلامة، القطاع، HEX أساسي (مثال Northline Studio #0F6E8C)، وسوم الشخصية، الوحدات؛ تحصل على مسودة بمساحة حماية، ألوان، خطوط، تباعد ونماذج افعل/لا تفعل، ثم انسخ Markdown أو JSON. الاقتراحات الذكية قابلة للتعديل حقلًا حقلًا — ليست ذكاءً سحابيًا. لا يُرفع شيء.

الوسوم تحدد نصف القطر، تلميح الخط، الصوت ونطاق اللون الأساسي.

الوحدات المغلقة لا تظهر في المعاينة أو التصدير.

هذه مسودة قابلة للتحرير وليست مشورة قانونية للعلامة. presets الهيكل (صارم / منتج / ودود) أنماط تعليمية مستوحاة من أدلة عامة — ليست kits رسمية ولا ارتباطًا بتلك الجهات. التوليد محلي؛ لا نستضيف شعارات طرف ثالث.

كيف يعمل

املأ الأساسيات، اختر إعداد الهيكل والوحدات، ثم إنشاء. تُطبَّق قواعد شخصية ظاهرة (نصف قطر، خط، صوت، مساحة أساسية)، تُبنى نماذج افعل/لا تفعل، ويُصدَّر Markdown/JSON. ما عدّلته يدويًا يبقى؛ إعادة الملء الذكي يحدّث الاقتراحات التي لم تُمس فقط.

قواعد متوقعة

الوحدات، ذكي مقابل يدوي، التباين والخصوصية.

  • الهيكل: وحدة → عنصر → نموذج (افعل/لا تفعل). الوحدات المغلقة لا تُصدَّر.
  • وسوم الشخصية تربط نصف القطر، أقصى مساحة أساسية، أدوار الخط والصوت — قواعد ظاهرة لا صندوقًا أسود.
  • مساحة الحماية افتراضيًا 1× ارتفاع العلامة (1.5× في الصارم). الحجم الرقمي الأدنى حسب preset.
  • ألوان الحالة ثابتة منفصلة عن الأساسي؛ الأخطاء لا ترث لون العلامة.
  • «ذكي» يعني قواعد حتمية في هذا التبويب — ليس brand kit LLM سحابيًا.
  • الخصوصية: التوليد والمعاينة والنسخ محليًا. لا نرفع شعارات أو حزم علامة.

مثال

تحميل مثال: Northline Studio، SaaS، #0F6E8C، هادئ + تقني، preset منتج. المعاينة: أساس، مساحة 1×، أساسي teal مع ثانوي/تمييز مشتق، حالات ثابتة، أدوار خط، تباعد 8px وبطاقات افعل/لا تفعل. Markdown و JSON يتحدثان.

متى يناسب

  • مواقع مستقلة تكتب أول ورقة قواعد بصرية قبل توظيف مصمم.
  • مستقلون يسلّمون Markdown قابلًا للتحرير بدل PDF فقط.
  • فرق صغيرة توحّد الويب والاجتماعي وواجهة التطبيق على قواعد مساحة ولون.

Frequently asked questions

هل «ذكي» مثل توليد علامة بالذكاء الاصطناعي؟

لا. الذكي قواعد ثابتة ظاهرة (شخصية → نصف قطر/خط/صوت، HEX → ثانوي/تمييز). لا شيء يُرسل لـ API نموذج.

هل يصلح كترخيص علامة رسمي؟

لا. التصدير مسودة عمل لعلامتك؛ ليس مشورة قانونية ولا إذنًا لعلامات الغير.

ما الفرق عن أداة لوحة ألوان؟

لوحات الألوان تركز على عينات أو tokens CSS. هنا تُبنى وثيقة متعددة الوحدات (شعار، خط، تباعد، نماذج). لأنظمة أعمق استخدم Brand Color Scale أو Smart Website Color Scheme.

ماذا تغيّر presets الهيكل؟

الصارم يؤكد مساحة الحماية والحدود؛ المنتج يبقي وحدات token-friendly؛ الودود يفعّل الصوت و touchpoints. يمكنك تبديل الوحدات يدويًا.

هل الوحدات المغلقة تبقى في JSON؟

أعلام الوحدات تُحفظ؛ المعاينة و Markdown تحذف الأقسام المغلقة ليرى الشركاء المفعّل فقط.

كيف يعمل تصدير Word وPDF؟

Word وPDF يلتقطان نفس المعاينة الظاهرة في الصفحة (html2canvas) ثم يقسّمانها إلى صور .docx أو صفحات PDF. تُجمَّد عروض الحركة كإطار ثابت. كل شيء محلي بعد التوليد؛ تُحمَّل المكتبات عند النقر على التنزيل.

Related tools

  • توليد مقياس ألوان العلامة — لوحة 50–950 ورموز CSS
  • نظام ألوان الموقع — رموز CSS دلالية
  • مدقق تباين WCAG — نسبة AA/AAA

مشاركة هذه الأداة

شارك عبر الشبكات الاجتماعية، أو انسخ الرابط، أو استخدم مشاركة الجهاز.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/ar/tools/brand-style-guide

استفسارات أو ملاحظات

هل هناك غموض أو خلل أو نقص؟ اكتب رسالة أدناه — نقرأ كل ملاحظة عن هذه الأدوات.

البريد: dailyonetools@outlook.com

References

  • WCAG 2.2 Understanding — Contrast (Minimum)
  • Material Design 3 — Styles
  • Carbon Design System — Color
  • NASA Brand Guidelines (structure reference)
  • docx — JavaScript library
  • pdf-lib
OnlineFreeTools.org · مشروع تعليمي · قيد التحديث
حول·سجلات التطوير·الخصوصية·الشروط·اتصل