تخطَّ إلى المحتوى
قالب موقع وكالة إبداعية: الصفحة الرئيسية بالإنجليزية على سطح المكتب مع شاشات جوال بالعربية والإنجليزية

1 / 45

قوالب مواقع

قالب موقع وكالة إبداعية

ابتداءً من ⁦‏19.00 US$⁩

قالب جريء بطابع تحريري وأسلوب بروتالي (Brutalist) لوكالات الإبداع والاستوديوهات، بالعربية والإنجليزية مع اتجاه حقيقي من اليمين إلى اليسار: عنوان متحرك، وأشرطة نصية، وعرض أعمال متحرك، ومعرض مشاريع قابل للتصفية. HTML وCSS وJavaScript دون أدوات بناء.

  • العربية
  • English
اختر الترخيص
  • دفع آمن عبر PayPal
  • تسليم رقمي فوري
  • ترخيص واضح
  • الدعم متاح

نظرة عامة

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

يصل القالب بمحتوى تجريبي متكامل لاستوديو وهمي اسمه «هاردلاين»، لترى كل صفحة مكتملة قبل أن تضع اسمك وأعمالك.

الصفحات (لكل لغة): الرئيسية، الأعمال، دراسة حالة، الخدمات، الفريق، تواصل معنا، وصفحة 404، إضافة إلى صفحة لاختيار اللغة.

الهوية البصرية: أسود وأخضر ليموني حادّ، وكتل لونية صريحة، وخط عريض ضخم للعناوين (Archivo بعرض موسّع) مع Space Mono للتسميات، وخط «Changa» للعناوين العربية و«المراعي» للنصوص. زوايا حادّة وظلال صلبة وتباين عالٍ، وكل الرسوم أصلية بصيغة SVG.

مهم: نموذج التواصل يعمل في المتصفح (تحقّق ورسائل خطأ وتأكيد)، ولا يرسل أي بيانات حتى تربطه بخدمة نماذج أو بخادمك عبر إعداد واحد.

ما الذي يتضمنه

  • ملفات المنتج كاملة (ZIP)creative-agency-website-template-1.0.0.zip · ZIP · 407.5 كيلوبايت

الإصدار 1.0.0

اللغات

  • العربية
  • English

وصف المنتج وتفاصيله متوفرة بهذه اللغات.

المزايا

  • نسختان كاملتان عربية (من اليمين إلى اليسار) وإنجليزية مع زر تبديل اللغة في كل صفحة
  • 7 صفحات لكل لغة: الرئيسية، الأعمال، دراسة حالة، الخدمات، الفريق، التواصل، 404
  • عنوان رئيسي متحرك بكلمة متبدّلة وحركة مرتبطة بالتمرير
  • أشرطة نصية متحركة تسير في اتجاه القراءة لكل لغة
  • عرض أعمال متحرك بصيغة SVG مع زر إيقاف وتشغيل
  • شريط مشاريع أفقي بأزرار وعدّاد وشريط تقدّم ويعمل بلوحة المفاتيح
  • صفحة أعمال بشبكة متدرّجة (Masonry) وتصفية حسب التخصص وروابط مباشرة لكل تصنيف
  • قائمة منبثقة بملء الشاشة تحبس التركيز وتُغلق بمفتاح Esc
  • زر للتحكّم في الحركة يحترم إعداد «تقليل الحركة» في النظام ويتذكّر اختيار الزائر
  • نموذج طلب مشروع مع تحقّق ورسائل خطأ واضحة بالعربية والإنجليزية وملخّص للأخطاء
  • شاشة تأكيد برقم مرجعي، وإمكانية ربط النموذج بأي خدمة نماذج بسطر واحد
  • دراسة حالة كاملة: الفكرة والمخرجات والنتائج ورأي العميل وفريق العمل
  • 25 رسمًا أصليًا بصيغة SVG للمشاريع ودراسة الحالة وصور الفريق
  • ساعات محلية حيّة للاستوديوهات في التذييل حسب المنطقة الزمنية
  • خطوط مضمّنة في الحزمة دون أي طلبات خارجية، ويعمل دون اتصال
  • HTML وCSS وJavaScript صرف دون أدوات بناء، يُفتح بالنقر المزدوج
  • متجاوب من الجوال بعرض 390 بكسل حتى سطح المكتب بعرض 1440 بكسل
  • إمكانية وصول: تباين AA، تركيز مرئي، نصوص بديلة، رابط تخطٍّ، ودعم تقليل الحركة
  • ألوان قابلة للتعديل من متغيّرات CSS في مكان واحد

المتطلبات

لا يحتاج إلى خادم برمجي أو قاعدة بيانات. يكفي متصفح حديث ومحرّر نصوص، وأي استضافة لمواقع ثابتة للنشر.

التوافق

الإصدارات الحالية من متصفحات Chrome وEdge وFirefox وSafari على الحاسوب والجوال. يعمل بفتح الملفات مباشرة أو عبر أي خادم ملفات ثابتة.

التثبيت

  1. فكّ ضغط الملف creative-agency-website-template-1.0.0.zip.
  2. افتح المجلد creative-agency-website-template وانقر نقرًا مزدوجًا على index.html ثم اختر اللغة.
  3. للمعاينة عبر خادم محلي (اختياري): من داخل المجلد نفّذ python3 -m http.server 8080 وافتح http://localhost:8080.
  4. للنشر: ارفع محتوى المجلد إلى Netlify أو Cloudflare Pages أو GitHub Pages أو أي استضافة عادية، دون أمر بناء.

دليل الاستخدام

  • الاسم وبيانات التواصل: استخدم «بحث واستبدال» في مجلدَي en وar لتغيير «Hardline» و«هاردلاين» والبريد والهواتف والعناوين.
  • الألوان: عدّل المتغيّرات --ink و--lime و--paper في أعلى assets/css/style.css.
  • المشاريع والتصفية: كل مشروع في projects.html بطاقة تحمل data-cats تطابق أزرار التصفية.
  • دراسات الحالة: انسخ case-study.html لكل مشروع واربط بطاقته بالملف الجديد.
  • الصور: استبدل ملفات SVG في assets/img بصورك وحدّث النص البديل باللغتين.
  • عرض الأعمال: استبدل رسم SVG بوسم <video> كما يشرح ملف README.
  • النموذج: ضع رابط خدمة النماذج في formEndpoint أعلى assets/js/main.js لتصلك الطلبات.
  • الحركة: الكلمات المتبدّلة في data-words، وسرعتها في CONFIG.rotatorSeconds.

الترخيص

مقارنة التراخيص
شخصي⁦‏19.00 US$⁩لمشروع شخصي واحد غير تجاري.تجاري⁦‏29.00 US$⁩حتى 5 مشاريع تجارية لك أو لعملائك.ممتد⁦‏99.00 US$⁩مشاريع غير محدودة، فريق حتى 5 أشخاص، وتحديثات مدى الحياة.
عدد المشاريع15غير محدود
عدد المستخدمين أو المواقع115
الاستخدام التجاريغير مسموحمسموحمسموح
التعديلمسموحمسموحمسموح
إعادة البيعغير مسموحغير مسموحغير مسموح
إعادة التوزيعغير مسموحغير مسموحغير مسموح
التحديثات12 شهرًا12 شهرًامدى الحياة
مدة الدعم6 أشهر12 شهرًا12 شهرًا
مفتاح ترخيصنعمنعمنعم

ادفع عبر PayPal أو ببطاقة خصم أو ائتمان. نرسل لك المنتج بعد تأكيد الدفع.

اقرأ شروط الترخيص كاملة

الدعم والتحديثات

للمساعدة، تواصل مع دعم TowerCaty عبر المتجر مع رقم الطلب واسم القالب. يتضمّن الملف المضغوط دليل README مفصّلًا.

سجل التغييرات
  1. 1.0.007‏/10‏/2026

    • الإصدار 1.0.0: أول إصدار في المتجر.

آخر تحديث

آخر تحديث
07‏/10‏/2026
الإصدار
1.0.0

تصفّح كل قوالب مواقع