نقطة واحدة. تركّز عليها. One spot. All the focus.
نظام الهوية البصرية لعلامة سبوت. رمزٌ مترابط، برتقاليٌ واحد، ومساحةٌ تتنفّس. كل ما نُصدره مبنيٌّ على هذا النظام. The visual identity system for SPOT. One linked mark, one orange, and space that breathes. Every artifact we ship is built from this kit.
ما تقفُ عليه سبوت. What SPOT stands for.
الوضوحClarity
رسالة واحدة، مقروءة من أول نظرة.One message, legible at first glance.
الترابطConnection
الرمز حلقات متشابكة - ربطٌ بين الناس والأشياء.The mark is interlocking loops - a link between people and things.
الجرأةBoldness
برتقالي واحد، واثق، لا يعتذر.One orange, confident, unapologetic.
البساطةSimplicity
لا زخرفة، ولا ضجيج - الفراغ جزء من التصميم.No ornament, no noise - white space is part of the design.
المرونةFlexibility
يعمل على الشاشة، والورق، واللافتة - بنفس الثقة.Works on screen, on paper, and on signage - with the same confidence.
رمزٌ واحد. ثلاث صيغ. One symbol. Three forms.
الرمز حلقتان متشابكتان مع نقطة - مستوحى من حرفي «P» و«O» داخل اسم SPOT. يعمل وحده، أو داخل الكلمة اللاتينية «SPOT.»، أو الكلمة العربية «سبوت». The symbol is two interlocking loops with a dot - drawn from the "P" and "O" inside SPOT. It stands alone, or sits inside the Latin "SPOT." or the Arabic "سبوت" wordmark.
أيقونة التطبيقApp icon
مساحة، حجم، وأدب. Space, scale, and good manners.
العلامة تحتاج حيّاً، وتحتاج حجماً أدنى. دون أحدهما تفقد ثقلها. The mark needs room, and it needs a floor. Without either, it loses its weight.
المساحة الآمنةClear space
دع فراغاً بعرض (x) حول العلامة من كلّ جهة. لا نصّ ، ولا صورة، ولا حافّة تدخله. Maintain clear space equal to one x (the height of the symbol) around all sides of the mark. No text, image, or edge enters this zone.
الحد الأدنى للحجمMinimum size
افعل / لا تفعلDo & don't
ثمانية تطبيقات - واحد صحيح، وسبعة تجعل العلامة تبدو أصغر ممّا هي. Eight applications - one right, seven that make the brand look smaller than it is.
لون واحد يقود. بلا انحراف. One color leads. No drift.
البرتقالي هو العلامة. الأسود هو الصوت. الأبيض والدافئ هما الفضاء. اضغط أي قيمة لنسخها. Orange is the brand. Black is the voice. White and warm grey are the room. Tap any value to copy.
مصفوفة التباين - WCAG AAContrast matrix - WCAG AA
نسبة التباين بين كل لونين، وحكم WCAG الموافق. لا تستخدم أي ثنائيّ بدون علامة ✓ للنص العادي. Contrast ratio between every pair and its WCAG verdict. Don't use any pairing without a ✓ for body copy.
خطّان. لكلٍّ واحد دور. Two typefaces. Each with a role.
«Space Grotesk» لكل اللاتيني (العناوين والنص والأرقام)، و«Ubuntu Arabic» لكل العربية. «Myriad Pro» خط مساند للطباعة الدقيقة عند الحاجة فقط. Space Grotesk for all Latin (headings, body, numbers), Ubuntu Arabic for everything Arabic. Myriad Pro is a support face for fine print only.
Ubuntu Arabic
سبوت - نقطة واحدة، ترّكز عليها.
Space Grotesk
One spot. All the focus.
Space Grotesk · Regular
One orange. Clear black. Enough space.
Myriad Pro
Terms, footnotes, and the small print.
بسيط. واثق. واضح. Simple. Confident. Clear.
نكتب كما نصمّم: جُمَل قصيرة، رسالة واحدة، بلا حشو. ثقة بلا صخب. We write the way we design: short sentences, one message, no filler. Confidence without volume.
نحن -We are
- واضحون - رسالة واحدة في جملة واحدة.Plain - one message in one sentence.
- مباشرون - نقول الشيء باسمه.Direct - we call things by their name.
- واثقون - نختار موقفاً ونلتزم به.Confident - we take a position and hold it.
- هادئون - لا نرفع الصوت لنُسمَع.Quiet - we don't shout to be heard.
- ثنائيو اللغة - العربية والإنجليزية بوزنٍ واحد.Bilingual - Arabic and English carry the same weight.
لسنا -We are not
- رخوين - لا «نتطلّع قُدمًا» ولا عبارات مطّاطة.Soft - no "moving forward", no filler phrases.
- مُحشَوّون - نحذف الكلمات التي لا تضيف شيئاً.Padded - we cut any word that adds nothing.
- مزدحمون - لا نُغطّي الرسالة بثلاث مقدّمات.Cluttered - we don't bury the message in intros.
- مُتكلَّفون - بلا علامات تعجّب. أبداً.Theatrical - no exclamation marks. Ever.
- عامّون - لا «حلول متكاملة» ولا «شراكات استراتيجية».Generic - never "synergy", "leverage", or "robust solutions".
الرمز، مُكبَّر. العالم، مُهدَّأ. The mark, scaled up. The world, scaled down.
يتحوّل الرمز إلى نمط خلفية بتباينٍ منخفض. الصور بالأبيض والأسود - البرتقالي هو اللون الوحيد على الصفحة. The symbol becomes a wallpaper at low contrast. Photography stays black and white - orange is the only chromatic element on the page.
عناصر تبنيها فعلاً، لا ترسمها. Components you build, not draw.
كل عنصر تجده هنا مرسوم بـHTML+CSS حيّاً، ليس صورة. هذا ما يصل إلى الإنتاج. Every element here is rendered live in HTML+CSS - not a screenshot. This is what ships.
الأزرارButtons
البطاقاتCards
حقول الإدخالForm inputs
شارات الحالةStatus badges
الأيقوناتIconography
حيث يعيش النظام. Where the system lives.
أينما ظهرت العلامة، تظهر بنفس النظام. هذه أهم نقاط التطبيق. Wherever the brand appears, it appears as one system. These are the key touchpoints.
توافق على الورق، لا فقط على الشاشة. Consistent on paper, not just on screen.
لـ Google Docs، Word، Slides، Keynote. طبّق هذه على كل مذكّرة وعرض تقديمي. For Google Docs, Word, Slides, and Keynote. Apply these to every memo and deck.
Google Docs / WordGoogle Docs / Word
| Style | Specification |
|---|---|
| H1 | Space Grotesk 24pt · SemiBold · #E74B00 · leading 1.15 |
| H2 | Space Grotesk 18pt · Medium · #181818 · leading 1.2 |
| H3 | Space Grotesk 14pt · Medium · #181818 · leading 1.3 |
| Body | Space Grotesk 11pt · Regular · #181818 · leading 1.5 |
| Caption | Space Grotesk 9pt · Regular · #6B6B6B · leading 1.4 |
العربية: استبدل Space Grotesk بـ Ubuntu Arabic على نفس الأحجام، واستخدم Bold للعناوين. Arabic: substitute Ubuntu Arabic for Space Grotesk at the same sizes, and Bold for headings.
Slides / KeynoteSlides / Keynote
4px accent bar · cover ink bg · metric font-size 32+ · footer 9px muted
مثال مذكّرةMemo specimen
مثال حيّ للأنماط أعلاه مطبّقة على وثيقة. Live application of the styles above on a real-shape document.
دليل استخدام الهويةBrand usage summary
إلى الفريق · يوليو 2026To the team · July 2026
الخلاصةSummary
الهوية تقوم على رمز واحد، لون برتقالي واحد، وخطّين. البساطة أولاً. The identity is one symbol, one orange, and two typefaces. Simplicity first.
تفاصيلDetails
كل الملفات في قسم التحميلات. لا استثناءات على اللون أو الخط. All files are in the downloads section. No exceptions on color or type.
spot · v1.0
ثنائي دون تنافس. Pair without competing.
عند العمل مع شريك، اتبع تخطيط العلامتين الأفقي. وزن بصري متساوٍ ، فاصل رفيع ، ولا تلاعب. When pairing with a partner, use the horizontal two-mark lockup. Equal optical weight, a thin divider, and no tricks.
Partner Co.
نموذج · تُضاف علامة الشريك حسب التعاقد Specimen · partner mark added per engagement
افعلDo
- ضع «SPOT» إلى اليسار، والشريك إلى اليمين.Place SPOT on the left, partner on the right.
- حافظ على وزن بصري متساوٍ بين العلامتين.Keep equal optical weight - neither dominates.
- استخدم فاصلاً رفيعاً واحداً بلون الخط العادي.Use a single thin divider in line-strong (#181818 @ 18%).
- اسم الشريك بحجمٍ مساوٍ لارتفاع «SPOT».Partner name at the same cap-height as SPOT.
لا تفعلDon't
- لا تستخدم «×» بين العلامتين. لا أبداً.Don't use '×' between marks. Ever.
- لا تدمج العلامتين في واحدة جديدة.Don't merge the marks into a single new wordmark.
- لا تستعمل ألوان الشريك في موادنا.Don't pull the partner's color palette into our materials.
- لا تستبدل علامة الشريك برمزه المصغر.Don't replace the partner's full mark with their icon.
