الرجوع للرئيسية
KABrand Kit
الهوية البصرية — Version 1.0

دليل العلامة التجارية

كل ما تحتاج معرفته لتطبيق هوية كريم الكاشوري بشكل متسق: اللوجو، لوحة الألوان بصيغتَي HEX و OKLCH، الخطوط، ونسب تباين تفوق معايير WCAG AA/AAA.

لوحة الألوان

لوحة الألوان

نظام لوني ثنائي — فاتح وداكن — مبني على OKLCH لدقة إدراكية عالية

الوضع الفاتح — Paper & Ink

--background
Background / Ivory

خلفية الموقع الأساسية في الوضع الفاتح

--foreground
Foreground / Ink

لون النص الأساسي والعناصر الرئيسية

--surface
Surface

أسطح ثانوية، بطاقات مرفوعة

--muted-foreground
Muted Foreground

نصوص ثانوية، توضيحات، تسميات

--border
Border

حدود البطاقات والفواصل

الوضع الداكن — Obsidian & Silver

--background
Background / Obsidian

خلفية الموقع الأساسية في الوضع الداكن

--foreground
Foreground / Silver

لون النص الأساسي على الخلفية الداكنة

--surface
Surface

أسطح ثانوية داخل الوضع الداكن

--surface-elevated
Surface Elevated

بطاقات ومكونات مرتفعة

--muted-foreground
Muted Foreground

نصوص ثانوية داخل الوضع الداكن

الخطوط

الخطوط

خط واحد للعربية والإنجليزية لضمان الاتساق البصري الكامل

Primary Typeface

Cairo

Google Fonts — يدعم العربية واللاتينية بكفاءة

300400600700800
Display / H1 — 60px / 800
كريم الكاشوري
Heading / H2 — 36px / 700
حملات إعلانية بنتائج مقاسة
Heading / H3 — 24px / 600
نُدير ميزانياتك بذكاء واحترافية
Body — 16px / 400
نصمم استراتيجيات ميديا باينج مبنية على البيانات لتحقيق أعلى عائد على الاستثمار الإعلاني في السوق الخليجي.
Caption — 14px / 400
مثال لنص ثانوي أو توضيحي يظهر بلون خافت.
مكونات الواجهة

مكونات الواجهة

مكتبة UI جاهزة مبنية على نفس التوكنز — تعمل تلقائياً في الوضعين الفاتح والداكن

Buttons

أزرار بأحجام و variants متعددة — كلها متوافقة مع نظام الألوان

Variants
Sizes
With Icons

Inputs

حقول إدخال مع دعم كامل للغة العربية واتجاه RTL

Badges

شارات لعرض الحالة، التصنيفات، والوسوم

Variants
Default
Secondary
Outline
Destructive
Use Cases
نشط
جديد
قيد المراجعة
منتهي

Cards

بطاقات لتجميع المحتوى — بنية مرنة تدعم Header/Content/Footer

Meta Ads
حملات فيسبوك وإنستجرام
إدارة كاملة لحملاتك على منصات Meta بأفضل معايير الأداء
+247%
متوسط الزيادة في ROAS
عميل مميز
"أفضل ميديا باير تعاملت معاه — نتائج مقاسة من أول شهر"
— مدير تسويق، الرياض
باقة مخصصة
حلول تناسب حجم أعمالك
استراتيجية كاملة
تقارير أسبوعية
دعم على مدار الساعة
تباين الألوان — WCAG

تباين الألوان — WCAG

كل تركيبة نص/خلفية تم فحصها للتأكد من الوضوح والقابلية للقراءة

نص عريض للاختبار
Aa — Sample text
نص أساسي / خلفية فاتحة
#000000 / #F8F6F1
19.44:1AAAAAA·L
نص عريض للاختبار
Aa — Sample text
نص ثانوي / خلفية فاتحة
#5C5C5C / #F8F6F1
6.19:1AAAAA·L
نص عريض للاختبار
Aa — Sample text
نص أساسي / سطح فاتح
#000000 / #EFECE6
17.81:1AAAAAA·L
نص عريض للاختبار
Aa — Sample text
نص أساسي / خلفية داكنة
#F2EFE8 / #000000
18.29:1AAAAAA·L
نص عريض للاختبار
Aa — Sample text
نص ثانوي / خلفية داكنة
#AEA9A0 / #000000
8.98:1AAAAAA·L
نص عريض للاختبار
Aa — Sample text
نص أساسي / سطح داكن
#F2EFE8 / #1D1D1D
14.68:1AAAAAA·L
مرجع سريع لمعايير WCAG
  • • AA — نسبة 4.5:1 للنص العادي، 3:1 للنص الكبير
  • • AAA — نسبة 7:1 للنص العادي، 4.5:1 للنص الكبير
  • • النص الكبير = 18pt+ عادي أو 14pt+ عريض
© 2026 كريم الكاشوري — جميع الحقوق محفوظة