HozifaTech

الهوية البصرية لـ HozifaTech

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

HozifaTech logo

الألوان

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

Aa
أخضر الغابة#04402F · rgb(4, 64, 47)اللون الأساسي: النصوص، الأزرار، العناوين
Aa
أخضر النص#1F7A2E · rgb(31, 122, 46)الروابط والنص الأخضر الصغير (تباين كافٍ على الأبيض)
Aa
أخضر الورقة#31A02C · rgb(49, 160, 44)لون «Tech» في الشعار. للرسوم والعناوين الكبيرة
Aa
أخضر منعش#6BC722 · rgb(107, 199, 34)التدرجات والرسوم فقط — ليس للنص على الأبيض
Aa
ليموني#AEE545 · rgb(174, 229, 69)لمسة إبراز على الأخضر الداكن. بقلّة
Aa
ضباب#F4F8F2 · rgb(244, 248, 242)خلفية الصفحات
Aa
حبر#13201A · rgb(19, 32, 26)نص الفقرات
Aa
رمادي#5E6B63 · rgb(94, 107, 99)النص الثانوي والملاحظات

تدرّج الشعار

#AEE545#6BC722#31A02C#04402F

نسبة الاستخدام التقريبية

60٪ أبيض وضباب25٪ أخضر الغابة10٪ أخضر5٪ ليموني

الخطوط

عائلة IBM Plex مجانية من Google Fonts، وتدعم العربية والإنجليزية بنفس الروح. خط الشعار جزء من الصورة — لا تعِد كتابته.

Aa أب
IBM Plex Sans Arabic — العناوين والنصوص، عربي وإنجليزي
Regular 400 · Semibold 600 · Bold 700
{ }
IBM Plex Mono — الأكواد والأرقام التقنية فقط
Regular 400 · Medium 500

الأيقونات

الأيقونة نفسها في كل مكان: تبويب المتصفح، شاشة الجوال، وتطبيقاتك القادمة.

تطبيق · 1024
آيفون · 180
أندرويد · 192
المتصفح · 32
16

في الأحجام الصغيرة جداً (16–32 بكسل) تُحذف المربعات الصغيرة من الأيقونة لتبقى واضحة.

للمطوّرين

انسخ هذه المتغيرات إلى أي مشروع ويب أو تطبيق.

:root {
  --forest: #04402F;  /* primary */
  --text-green: #1F7A2E;
  --leaf:   #31A02C;
  --fresh:  #6BC722;
  --lime:   #AEE545;
  --mist:   #F4F8F2;  /* background */
  --ink:    #13201A;  /* body text */
  --slate:  #5E6B63;  /* secondary text */
  --font: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
}