هوية بصرية

Sitovia

حلول رقمية · 2025

نظرة عامة

هوية بصريّة كاملة لـ Sitovia، شركة حلول رقميّة وتقنيّة. بُني الشعار حول حرف S أُعيد تشكيله كهيكل (Skeleton) من مستطيلات متداخلة، رمزًا للبنية التحتيّة الرقميّة والنموّ المتسلسل. اللوحة: أخضر إشاريّ ينبض أمام كحلي عميق، فتبدو العلامة modern و tech-first من النظرة الأولى.

التحدي

يتشابه سوق الحلول الرقميّة كلّه: شعارات geometric، وألوان زرقاء، وصياغات «innovative». احتاجت Sitovia إلى لغة بصريّة مختلفة فعلًا، شعار يبقى distinguishable بمقاس 100×100 pixel وعلى لافتة كبيرة، ولون توقيع يقول «تكنولوجيا» قبل قراءة الاسم.

منهجيتنا

بنينا الـconcept حول 3 مستويات: حرف S، ورمز ‹↔› (يدمج input/output)، وهيكل (skeleton) من ثلاث طبقات تمثّل بنية تحتيّة. أخضر إشاريّ #5fcc3a كـsignature، يرتكز على كحلي #0e1f3d. خطوط Inter، modern و neutral. كل تطبيق (بطاقات، شاشات، عرض تقديمي) يحمل الـDNA نفسه.

النتيجة

أصبح لدى Sitovia اليوم brand book متكامل: concept، palette، typography، logo system، applications، mockups. يستطيع الفريق إنتاج أي شيء جديد مع البقاء متّسقًا مع العلامة. وبات اللون الأخضر يُعرَف قبل اسم العلامة.

الفكرة

الشعار مبنيّ حول حرف S، لكنه ليس S تقليديًا. حوّلناه إلى Skeleton من ثلاثة مستطيلات متراكبة: أعلى، وأوسط (الـactive layer بالأخضر الإشاريّ)، وأسفل. يوحي التركيب بـ‹طبقات›، وبـ‹input → process → output›، وبـtech infrastructure. مفهوم واحد بثلاث قراءات.

لوحة الألوان

أربعة ألوان فقط. Signal Green (#5fcc3a) هو لون التوقيع، يبرز أمام الكحلي ويوحي بـ‹active state›. Deep Navy (#0e1f3d) هو الـbackground الأساسي. Forest (#2d8a3e) كـtonal accent للأسطح الثانوية. Off White (#f1f5ee) لخفض التباين عند الحاجة.

Signal Green

#5FCC3A

Deep Navy

#0E1F3D

Forest

#2D8A3E

Off White

#F1F5EE

التايبوغرافي

Inter

Inter خطًّا أساسيًا للنظام: modern, neutral, تقني الإحساس. يعمل على شاشة 12px وعلى عنوان launch poster بالـclarity نفسها. ثلاثة أوزان: Bold للعناوين، وSemiBold للـsubheads، وRegular للنصوص.

Inter Bold

Aa Bb Cc 123

Inter SemiBold

Aa Bb Cc 123

Inter Regular

Aa Bb Cc 123

نظام الشعار

للشعار شكلان: الـsymbol (الـSkeleton دون نص) للأيقونات والـapp badges، والـwordmark كاملًا للـpresentations والـbanners. منطقة آمنة بمقدار 1× ارتفاع الـsymbol.

العلامة في الاستخدام

طُبّق النظام على الـtype system، والـcolor palette، والـbranded applications: كل سطح يحمل الـDNA البصري نفسه. وبات الأخضر يميّز الـbrand قبل قراءة الاسم.