إرشادات الهوية البصرية

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

الاسم

يمكن كتابة Webpack بحرف W كبير عندما يأتي في بداية الجملة. في غير ذلك، يُفضّل كتابته بحروف صغيرة: webpack.

الشعار

يجب وضع شعار webpack على خلفية بيضاء مع مساحة كافية حوله، مثل المثال التالي:

الشعار الافتراضي لـ webpack مع مسافة مناسبة حوله على خلفية فاتحة

svg | png | jpg

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

للخلفيات الداكنة، يمكنك استخدام النسخة العكسية من الشعار:

الشعار الافتراضي لـ webpack مع مسافة مناسبة حوله على خلفية داكنة

svg | png | jpg

الأيقونة فقط

صُممت الأيقونة للاستخدام في المساحات الضيقة. وكما ذكرنا، الأفضل استخدام الأيقونة مع النص عندما تسمح المساحة بذلك.

مثال على الأيقونة

svg | png | jpg

أيقونة مربعة للمساحات الأكبر، مثل avatars أو صور الحسابات:

مثال على الأيقونة المربعة الكبيرة

svg | png | jpg

أيقونة مربعة للمساحات الأصغر، مثل favicons:

مثال على الأيقونة المربعة الصغيرة

svg | png | jpg

مثال على الأيقونة المربعة الصغيرة

لوحة الألوان

الألوان التالية مستخدمة في الموقع بتركيبات مختلفة، وكذلك في مجموعة الملابس التي أُطلقت بمساعدة Open Collective وThreadless عبر متجر webpack الرسمي.

اسم اللونكود HEXكود RGBعينة
Malibu:HEX #8dd6f9rgb: 141, 214, 249
 
Denim:HEX #1d78c1rgb: 29, 120, 193
 
Fiord:HEX #465E69rgb: 70, 94, 105
 
Outer Space:HEX #2B3A42rgb: 43, 58, 66
 
White:HEX #ffffffrgb: 255, 255, 255
 
Concrete:HEX #f2f2f2rgb: 242, 242, 242
 
Alto:HEX #dededergb: 222, 222, 222
 
Dusty Gray:HEX #999999rgb: 153, 153, 153
 
Dove Gray:HEX #666666rgb: 102, 102, 102
 
Emperor:HEX #535353rgb: 83, 83, 83
 
Mine Shaft:HEX #333333rgb: 51, 51, 51
 

بالإضافة إلى ذلك، يمكنك تنزيل هذه الأنواع من الملفات مباشرة من الروابط التالية:

psd | png | ai | svg

الرخصة

الشعار واسم العلامة التجارية ليسا مرخّصين برخصة MIT. يرجى مراجعة LICENSE لمعرفة إرشادات الاستخدام.

Edit this page·

1 Contributor

RlxChap2