نظام تصميم فلوفو
المرجع الموحّد لواجهات فلوفو — الرموز اللونية والخطوط والمكوّنات وقواعد اللغتين.
الهوية والشعار
شعار فلوفو مُعرَّب — لاتيني في الإنجليزية وعربي في العربية. لا ينعكس ولا يدور ولا يتغيّر لونه.
الشعار الكتابي
التدرّج
135° #2EA8FF → #4D6BFB → #7A5AF8
المسموح والممنوع
استخدم الشعار المتدرّج على خلفية فاتحة أو كحلية مع مساحة فارغة تعادل ارتفاع الحرف.
لا تعكس الشعار أو تدوّره أو تمدّده أو تغيّر لونه — حتى في التخطيط العربي.
استخدم أخضر واتساب #25D366 كهوية قناة فقط: الأيقونات وشارات القنوات والفلاتر.
لا تستخدم أخضر واتساب للأزرار أو الروابط أو أي إجراء — الإجراءات الأساسية بالأزرق.
الألوان
اضغط على أي كود لون لنسخه.
الهوية
Flovoo Sky
--flovoo-sky
لمسات وتدرّج البداية
Flovoo Blue
--flovoo-blue
الإجراءات الأساسية وحلقة التركيز
Blue Hover
--flovoo-blue-hover
حالة التمرير للأزرق الأساسي
Flovoo Violet
--flovoo-violet
أسطح الذكاء الصناعي ونهاية التدرّج
Flovoo Navy
--flovoo-navy
الأسطح الداكنة والظلال
Heading Navy
--flovoo-heading
العناوين ولون الظل
المحايدة
Background
--background
السطح الأساسي
Page
--bg-page
خلفية الصفحة
Foreground
--foreground
نص المحتوى
Muted Foreground
--muted-foreground
النص الثانوي
Text Muted
--text-muted
النص النائب والبيانات الوصفية
Border
--border
الحدود والفواصل
الدلالية
Success
--success
التسليم والحالات النشطة
Warning
--warning
الانتظار وتنبيهات الحصة
Danger
--danger
الأخطاء والإجراءات الحذفية
هوية القناة فقط — ليست للأزرار
الخطوط
Plus Jakarta Sans للواجهة، وJetBrains Mono للأرقام والمعرّفات، وNoto Sans Arabic للعربية (+1 بكسل، ارتفاع سطر 1.7).
Display / 48 / 800
Conversations that convert
Title / 30 / 700
Unified team inbox
Body / 16 / 400
Reply faster with shared context across every channel.
Label / 12 / 600
Channel status
Mono / 14 / 500
+966 55 123 4567 · FLV-20482 · 1,204,983
Arabic / Noto Sans Arabic
محادثات أذكى تتحول إلى مبيعات
ردّ أسرع على عملائك مع سياق موحّد عبر كل القنوات.
الأساسيات
الانحناءات والظلال الكحلية ورموز الحركة وحلقة التركيز.
الانحناء
الظلال
rgba(23,36,79,…) — never black
الحركة والتركيز
- micro — 150ms
- standard — 200ms
- large — 280ms
- cubic-bezier(.16,1,.3,1)
المكوّنات
مكوّنات حيّة من مكتبة الإنتاج — وليست صوراً.
الأزرار
الحقول
الشارات
التبويبات والجداول
| العميل | الهاتف | الحالة |
|---|---|---|
| Sara Al-Amir | +966 55 123 4567 | Delivered |
| Omar Haddad | +971 50 998 2211 | Pending |
| Lina Farouk | +20 100 445 7788 | Failed |
النوافذ والتنبيهات
لا توجد محادثات بعد
اربط قناة لتبدأ استقبال الرسائل.
نمط المحادثة
الرسائل الواردة محايدة، والصادرة بالأزرق، وردود الذكاء الصناعي تحمل الشارة البنفسجية.
طلبك تم شحنه وسيصل خلال يومين. رقم التتبع TRK-99213
الوضع الداكن
الأسطح الداكنة كحلية اللون — وليست رمادية.
سطح البطاقة
نص ثانوي على خلفية البطاقة.
طلبك تم شحنه وسيصل خلال يومين. رقم التتبع TRK-99213
الاتجاه العربي
التخطيط ينعكس عبر الخصائص المنطقية. أرقام الهواتف والمعرّفات والروابط تبقى من اليسار لليمين.
طلبك تم شحنه وسيصل خلال يومين. رقم التتبع TRK-99213
التحميلات
أصول الهوية للشركاء والصحافة.
