الشعار csl.

نسختان، موجبة وسالبة.

الرمز csl. وحده للمساحات الصغيرة والأيقونات، والشعار الكامل مع الاسم عندما تتوفر المساحة ولا يعرفنا الجمهور بعد.

النقطة الوامضة.

المساحة الآمنة والحد الأدنى للحجم.

اترك دائماً مساحة حول الشعار. وحدة القياس هي x، أي ضلع النقطة المربعة.

xxxx

المساحة الآمنة

1 x على الأقل من كل جانب، دون نصوص أو صور داخلها

الرمز، شاشة

عرض أدنى 40 بكسل

الرمز، طباعة

عرض أدنى 10 مم

الشعار الكامل

عرض أدنى 240 بكسل أو 50 مم

أصغر من ذلك

استخدم أيقونة الموقع أو التطبيق

أبيض وأسود، دون استثناءات.

الشعار متوفر بالأسود أو الأبيض فقط. يكمّل لون الورق الدافئ والرمادي هوية الموقع، لكنهما لا يُستخدمان للشعار. انقر على لون لنسخه.

عائلة واحدة، ثلاثة أصوات.

Roboto للعناوين والنصوص، وRoboto Mono للتسميات والأرقام، وIBM Plex Sans Arabic للعربية. جميعها مجانية على Google Fonts.

النص في الشعار محوّل مسبقاً إلى مسارات: لا حاجة لتثبيت الخط.

استخدمه كما هو.

ينجح الشعار لأنه بسيط. لا تعدّله ولا تُعِد رسمه ولا تُضف إليه مؤثرات.

csl●

أيقونة الموقع وأيقونات التطبيق.

تحت 40 بكسل استخدم النسخة على مربع أسود: تبقى مقروءة على علامات التبويب الفاتحة والداكنة وعلى شاشة الهاتف وكصورة شخصية.

أدرج الشعار في موقعك.

إذا ذكرتنا كشريك أو مورّد أو منفّذ لمشروع، انسخ أحد هذه المقاطع. الملف المتحرك يومض تلقائياً حتى داخل وسم <img> بسيط.

<a href="https://www.creativestudiolab.it/" title="Creative Studio Lab">
  <img src="https://www.creativestudiolab.it/assets/img/logo-animated.svg"
       alt="Creative Studio Lab" height="32">
</a>

<a href="https://www.creativestudiolab.it/" title="Creative Studio Lab">
  <img src="https://www.creativestudiolab.it/assets/img/logo-lockup.svg"
       alt="Creative Studio Lab" height="28">
</a>

/* assign the class logo-dot to the square dot */
.logo-dot { animation: csl-blink 1.2s steps(1) infinite; }
@keyframes csl-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .logo-dot { animation: none; } }