تخطَّ إلى المحتوى

/ دليل الهوية

نظام هوية بودكاست بيوساينس

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

الشعار والاسم

الاسم كاملًا دائمًا

يُكتب اسم البرنامج «BioScience Podcast» بالإنجليزية، و«بودكاست بيوساينس» بالعربية. بلا اختصارات ولا أيقونة ملحقة بالاسم.

الأساسي — على خلفية فاتحة

BioScience Podcast

معكوس — على الحبري

BioScience Podcast

على اللون المميِّز

BioScience Podcast

افعل

  • اكتب الاسم كاملًا عند أول ذكر في كل صفحة وتغذية وبريد.
  • اترك حول الاسم فراغًا لا يقل عن ارتفاع الحرف من كل الجهات.
  • اكتب الشعار بخط Space Grotesk عريضًا مع تضييق التباعد.
  • استخدم الأبيض على الحبري، أو الحبري على الليموني.

لا تفعل

  • اختصار الاسم إلى «BioSci» أو «BSP» أو «Helix».
  • إضافة شارات أو أيقونات أو رمز حمض نووي بجوار الاسم.
  • تمديد الشعار أو تفريغه أو تدرّجه أو إضافة ظل له.
  • وضعه على صورة مزدحمة بلا طبقة حبرية خلفه.

الخطوط

Space Grotesk + DM Sans

خط Space Grotesk لكل العناوين والشعار، وخط DM Sans للنص الأساسي وعناصر الواجهة والبيانات. أما العربية فتُضبط بخط الواجهة العربي نفسه في كل الصفحات.

العنوان الرئيسي H1

Space Grotesk 700 · tracking-tight

حيث تلتقي الأحياء بالأسئلة الكبرى

عنوان القسم H2

Space Grotesk 700

حيث تلتقي الأحياء بالأسئلة الكبرى

عنوان البطاقة H3

Space Grotesk 600

حيث تلتقي الأحياء بالأسئلة الكبرى

النص الأساسي

DM Sans 400 · 1.65 line height

حيث تلتقي الأحياء بالأسئلة الكبرى

نص صغير / بيانات

DM Sans 400

حيث تلتقي الأحياء بالأسئلة الكبرى

ألوان الهوية

الحبري والليموني ودرجات محايدة هادئة

كل لون متغيّر في ملف src/styles.css. استخدم أسماء الألوان (bg-primary وtext-ink-foreground) ولا تكتب قيمًا لونية مباشرة.

الحبري

var(--ink)

الرأس والتذييل واللوحات الداكنة

الليموني

var(--primary)

أزرار الإجراء الأساسية والإبرازات

الليموني الغامق

var(--primary-deep)

حالة التمرير

اللون المميِّز

var(--accent)

الوسوم والإبرازات الخفيفة

الخلفية

var(--background)

مساحة الصفحة

السطح

var(--surface)

أشرطة الأقسام

البطاقة

var(--card)

البطاقات والمشغّلات والنماذج

الخافت

var(--muted)

العناصر غير النشطة والحقول

الحدود

var(--border)

الخطوط الفاصلة

التحذيري

var(--destructive)

للأخطاء فقط

الأزرار

أزرار دائرية الحواف، وإجراء أساسي واحد في كل شاشة

كل الأزرار دائرية الحواف. ابدأ بإجراء أساسي واحد باللون الليموني، وما عداه محدَّد أو ثانوي أو شفاف.

الأنماط

المقاسات

  • عناوين الأزرار تبدأ بفعل: «استمع الآن»، «اقترح ضيفًا».
  • زرّان أساسيان باللون الليموني يتنافسان في القسم نفسه.

نبرة الكتابة

دقيقة، فضولية، بلا مبالغة

اكتب كباحث يشرح مجاله لزميل ذكي من تخصص آخر.

قل

«تسعون دقيقة مع باحث واحد وموضوع واحد.»

تجنّب

«أسرار علمية مذهلة لن تصدقها.»

دائمًا

اذكر اسم الضيف ومؤسسته والسؤال المفتوح.