Brand Identity

الهوية البصرية — SafeDest

نظام بصري موحّد لمنصة لوجستية تعمل في مسارات الشحن السعودية والإقليمية.

الشعار — Logo


2 Options — Pending Client Selection
Option A — Icon + Wordmark Recommended
SafeDest
للخدمات اللوجستية
SafeDest
Dark
SafeDest
Light
SafeDest
Brand

أيقونة معيّنة (hex) + كلمتا «Safe» و«Dest» — تُجسّد الأمان والوجهة معاً.

Option B — Monogram Mark
S D
SafeDest
الوجهة الآمنة
SafeDest
Dark
SafeDest
Light
SD
Icon

مونوغرام دائري «SD» — يصلح كأيقونة تطبيق مع الكلمة الكاملة في الموقع والمواد.

الألوان — Color Palette


Design Tokens
Brand Red
--red
#e23b3b
Deep Dark
--bg
#07080c
Panel
--panel
#10131c
Cyan / Transit
--cyan
#38b6ff
Amber / Alert
--amber
#f5a623
Green / Done
--green
#2bd97c
Purple / Customs
--purple
#a06bff

أنواع المركبات — Vehicle Color System


5 Types — Single Source of Truth
سطحة
سطحة
Flatbed
#e23b3b
--v-satha
ثلاجة
ثلاجة
Reefer
#38b6ff
--v-reefer
كونتينر
كونتينر
Container
#f5a623
--v-container
دينا
دينا
Dina
#2bd97c
--v-dina
لوبد
لوبد
Lowbed
#a06bff
--v-lowbed

الطباعة — Typography


Dual-font System
English · UI / Numbers — Outfit
SafeDest
2,400 ﷼
SD-1042 · In Transit
Route · Cargo · Vehicle · Status
Google Fonts · Outfit 400/600/700/800 · No subsetting
Arabic · Content — IBM Plex Sans Arabic
وجهات آمنة
احجز شحنتك في دقيقة واحدة
منصة وسيط شحن تربط العميل بالناقل مع تخليص جمركي ودفعة موحّدة.
ينبع · جدة · الرياض · الدمام · الكويت
Google Fonts · IBM Plex Sans Arabic 400/500/700 · RTL native

مكونات الواجهة — UI Atoms


Shared Components

Buttons

Chips & Badges

Prototype Transit Live Verified ✓
في الطريق تحميل تم التسليم تخليص

Cards

KPI Card
12
شحنات نشطة
Glass Card
SD-1042
ينبع ← الرياض

Motion & Effects

Live indicator — مؤشر حيّ
Glow accent — ظل توهج
64%

قواعد الاستخدام — Usage Rules


Do & Don't

Do — الصحيح

استخدم الأحمر الرسمي #e23b3b على الخلفيات الداكنة فقط. أبقِ النصوص العربية بخط IBM Plex Sans Arabic. اجعل الأرقام والأكواد بخط Outfit. استخدم Glass effect للعناصر العائمة فوق الخلفية.

Don't — الخطأ

لا تضع النصوص الحمراء على خلفيات فاتحة بدون مراجعة contrast. لا تخلط الخطوط بشكل عشوائي. لا تستخدم الأبيض النقي #fff — استخدم --ink (#eef1f8). لا تُضف shadow بدون glow colour.

الواجهات — UI Language

الـ Navigation, Buttons, Labels: إنجليزي. المحتوى والعناوين والشرح: عربي. الأرقام والـ IDs والأسعار: font-en (Outfit) حتى داخل النص العربي. الاتجاه الأساسي: RTL على كل الصفحات.

الهوية الموحّدة

SafeDest كلمة إنجليزية واحدة — "Dest" بالأحمر. الاسم العربي «الوجهة الآمنة» يُكتب أسفل اللوغو أو في الـ meta فقط. لا تُكتب "وجهات آمنة" في الواجهة — ينتظر قرار نواف.

هذه الهوية جاهزة للنقاش مع العميل. الاختيار النهائي للوغو + الاسم العربي يتحدد في اجتماع Zoom مع نواف القحطاني.

Brand System built by ALARA — SafeDest Prototype 2026