actual. spark mark

دليل الهوية والصوت

احكِ فكرتك،
وشوف موقعك حيّ

الهوية البصرية والصوتية لمنصة actual. — المنصة العربية اللي تبني موقعك بالحكي.

Platform
actual.
Market
MENA · عربي أولاً
Document
Brand & Sound · v1.0
انزل لتشوف الدليل ↓
01

الجوهر

The Essence

actual. منصة عربية أولاً، بتخلّي صاحب أي مشروع صغير في المنطقة يبني موقعه أو نظام عمله بالحكي العادي — بلهجته، بدون كود ولا خبرة تقنية. الهوية كلها بتعكس هالوعد: دافئة، واثقة، وذكية — بس صاحبة، مش تقنية.

المبدأ ٠١

ما منجمّد صاحب المشروع

ولا مرة نبدأ بصفحة فاضية. نوجّه بالنوع — مطعم، صالون، متجر — عشان يحسّ إنه ماشي من أول لحظة.

المبدأ ٠٢

صفر أخطاء ظاهرة

صاحب المشروع ما بشوف ولا «خطأ». كل شي بترجمه لنتيجة: «ضفت لك قسم الطلبات»، مش رسائل تقنية.

المبدأ ٠٣

احترافي من أول ناتج

أول شي بيطلع لازم يكون جاهز للنشر — مرتّب، دافئ، وبيمثّل المشروع متل ما هو بالواقع.

«شو بدك نبني اليوم؟»
The brand opens with a question, never a blank prompt.
03

الألوان

Color System

واجهة «ليليّة» دافئة: أسطح سوداء مايلة للدفء، يضيئها لون واحد موقّع — الـ spark البرتقالي. النص أبيض دافئ، مش أبيض ناصع. الأخضر النعناعي للحالة الحيّة فقط.

Spark — الأساسي

Ink — أسطح الليل

الحالة والدلالة

التدرّجات الموقّعة

--grad-spark
--grad-ember
--grad-twotone
--grad-night
نص دافئ--warm-white · #f6f4f1
حيّ / متصل--live · #5fd3a0
جمرة / توهّج--ember-500 · #ef5d39
04

الطباعة

Typography

Tajawal بتحمل العربي كلّه — واجهة وعرض، بصوت خليجي/أردني أصيل. Space Grotesk للكلمة اللاتينية «actual.». JetBrains Mono للروابط والكود.

أبجد
Tajawal
عربي · واجهة + عرض
ا ب ت ث ج ح ٠١٢٣٤٥
Aa
Space Grotesk
لاتيني · الكلمة والعرض
actual. ABG 0123
{}
JetBrains Mono
روابط · كود · توكنز
actual.business
HeroTajawal · 900 · 68/1.12
شو بدك نبني اليوم؟
DisplayTajawal · 800 · 40/1.12
موقعك صار حيّ ✦
TitleTajawal · 700 · 24/1.28
جهّزت لك صفحة المطعم مع زر الطلب عبر واتساب
BodyTajawal · 400 · 15/1.72
أنشئ موقعك أو نظام عملك بالعربي — جاهز خلال دقائق. احكِ لنا عن مشروعك بكلماتك إنت، وإحنا منبنيه ومنحدّثه قدّامك مباشرة، بدون ما تكتب سطر كود واحد.
MonoJetBrains Mono · 400 · 13
https://dalmeh-restaurant.actual.site
05

الصوت واللهجة

Voice & Tone

منحكي عاميّة — أردني/شامي محكي، مش فصحى. منخاطب صاحب المشروع بـ«إنت»، ومنحكي عن حالنا بصيغة المتكلّم: «جهّزت لك»، «ضفت لك». دافئين، واثقين، وأبداً تقنيين.

✓ هيك منحكي

شو بدك نبني اليوم؟ A spoken question, in dialect
تمام! جهّزت لك صفحة المطعم ✦ First person, warm, outcome-led
ضفت لك قسم الطلبات عبر واتساب A result the owner understands
موقعك صار حيّ — مبروك! Celebrate the moment, simply

✕ هيك ما منحكي

ماذا تودّ أن تنشئ اليوم؟ Stiff MSA — not how people talk
تم إنشاء المكوّن بنجاح (Build #204) Technical jargon, build numbers
Error 500: فشل الاتصال بالخادم Raw errors — owner never sees these
تم نشر الموقع على الـ deployment No "deploy", "API", "React"

نبرة الصوت

صاحبرسمي
واثقمتردّد
بسيطتقني
دافئمحايد

ترجمها لنتيجة — لا تقولها تقنية

بدل ما نقول
منقول
Deploy
موقعك صار حيّ
Component
قسم / صفحة
Loading…
لحظة، عم جهّزلك…
Failed
صار في عقبة بسيطة، رجّعتها
06

الصوت المسموع

Sonic Identity

للـ spark صوت متل ما إله شكل. دافئ، مشرق، أبداً حاد — بيرتفع وبيتفتّح. هاي مش مؤثرات؛ هاي هوية مسموعة، كل نغمة بتعكس لحظة بالمنتج. دوس عشان تسمع.

الصوت الموقّع · The Spark

جسم دافئ بيرتفع خامسة كاملة، ضربتان مشرقتان، وتوهّج عالي بيستقرّ. ساعة سماع العلامة — البداية، نهاية البناء، لحظة «صار حيّ».

↑ دوس على الـ ✦

دافئ، مش حادّ

فلتر يقصّ الحدّة العالية — متل الأبيض الدافئ، ما في صوت معدني أو بارد.

يرتفع ويتفتّح

كل صوت بيصعد لفوق ويتوهّج — انعكاس مسموع لحركة الـ ✦ وهي بتلمع.

هادئ ومقتصد

قصير، نادر، وبيحترم سكوت المستخدم. صوت واحد نقري بس — الباقي نغمات.

07

مبادئ الواجهة

Product UI

RTL افتراضياً. بطاقات داكنة بخط شعرة وظلّ أسود عميق، وزر أساسي واحد بكل شاشة — تدرّج spark بنصّ غامق، أبداً نص أبيض على برتقالي.

مكوّنات حيّة من نظام التصميم

زر أساسي واحد

تدرّج spark دافئ + نص حِبر غامق. الـhover بيعمّق للجمرة ويضيف توهّج.

زوايا دافئة

أزرار ١٤px، بطاقات ٢٠px، الحاوية ٢٨px. كل شي ناعم وكريم.

حركة هادئة

تلاشي ورفعات صغيرة، ١٢٠–٣٦٠ms. دوران واحد بس: مؤشّر البناء.

تركيز ظاهر

حلقة برتقالية ٤px حوالين الحقل المركّز — واضحة وعلى العلامة.

المحادثة — المساعد بيحكي من جهة الـ ✦
08

الرمز والصُّوَر

Imagery & Iconography

الأيقونات خطّية مفرّغة، سماكة ٢px، أطراف دائرية — نفس إحساس الـ ✦. الـ spark هو الرمز الوحيد. إيموجي أنواع الأعمال فقط داخل بطاقات الاختيار.

الـ ✦ ذو الثماني أشعّة — يلمع داخل المنتج
ماسة الذكاء — مؤشّر «توليد» في المحرّر

مجموعة الأيقونات الخطّية

إيموجي أنواع الأعمال — داخل بطاقات الاختيار فقط

🍽️
✂️
🛍️
🩺
🔧
09

التطبيقات

Applications

الهوية وهي شغّالة — أيقونة التطبيق، حساب اجتماعي، قصّة، وشارة «صُنع على actual».

أيقونة التطبيق
actual.
احكِ فكرتك، وشوف موقعك حيّ · actual.business
حساب اجتماعي
شو بدك
نبني اليوم؟
صُنع على actual.
قصّة · ٩:١٦
الشارة — تنزرع بأسفل كل موقع مبني
صُنع على actual.
صُنع على actual.
شارة + بطاقات اختيار النوع

احكِ فكرتك، وشوف موقعك حيّ

actual. — دليل الهوية والصوت · v1.0 · داخلي