مرجع واحد لكل ما يظهر على مدوّنة «السياق السوري»: الشعار والألوان والخطوط والأزرار والبطاقات والمسافات وقواعد الاستخدام. تكتب المدوّنة عن ريادة الأعمال والتقنية، وتعرض صورًا من دمشق. لذلك تجمع الهوية بين هدوء الحجر الدمشقي ودقة الهندسة في الفسيفساء، وتبقى حديثة وواضحة على شاشة الهاتف أولًا.
الشعار كتابي بالكامل على طريقة شعار «ثمانية»: «السياق» في السطر الأول و«السوري» تحته، بخط عريض ومحاذاة إلى اليمين. الشريط المخطط بجانبه مأخوذ من «الأبلق»، أي تناوب مداميك البازلت الأسود والحجر الكلسي في واجهات دمشق القديمة. الكلمة الثانية بالأخضر الأموي، والشريط هو العنصر الوحيد غير الكتابي.
المربع للحسابات الاجتماعية، والدائرة للصور الرمزية. تحت 48 بكسل استخدم حرف «س» وحده.
اترك حول الشعار فراغًا يساوي ارتفاع حرف «س» على الأقل. الحد الأدنى للعرض 72 بكسل على الشاشة و20 مم في الطباعة.
نقشة النجمة الثمانية (خاتم سليمان) من الجامع الأموي. تُستخدم خلفيةً للأغلفة وفواصل الأقسام فقط، بشفافية بين 6% و12%، ولا تُوضع خلف النص أبدًا.
خمسة ألوان أساسية من مواد دمشق نفسها: الحجر الكلسي والبازلت والفسيفساء والنحاس. الأخضر الأموي هو لون الفعل الوحيد، أي للروابط والأزرار. النحاس للتمييز فقط. اضغط على أي رمز لنسخه.
| الدور | المتغيّر | الوضع الفاتح | الوضع الداكن |
|---|---|---|---|
| خلفية الصفحة | --stone | #F3F2EE | #14171A |
| سطح البطاقة | --surface | #FFFFFF | #1C2023 |
| النص الأساسي | --basalt | #1E2124 | #ECEAE4 |
| النص الثانوي | --muted | #5E6367 | #A3A7A9 |
| الفعل والروابط | --umayyad | #1F5E57 | #63B5A8 |
| خلفية مميّزة | --umayyad-soft | #E3EDEA | #1B2E2B |
| تمييز | --brass | #A8721F | #D3A04E |
| الفواصل | --line | #DAD8D2 | #2E3337 |
| نجاح | --success | #2E6B3A | #6FBF7E |
| تنبيه | --warning | #9A6200 | #E0A43C |
| خطأ | --danger | #A23A2E | #E77B6C |
الوضع الداكن ليس عكسًا للألوان: الخلفية بازلت مائل للأزرق، والأخضر أفتح ليحافظ على تباين لا يقل عن 4.5:1 مع النص. كل الأزواج المستخدمة للنص تتجاوز معيار WCAG AA.
العناوين والواجهة بخط ثمانية العادي (Sans)، والمقالات الطويلة بخط ثمانية ذي الزوائد (Serif) لأنه أريح في القراءة الطويلة. إذا لم يُحمَّل خط ثمانية، تظهر البدائل المجانية المكتوبة في كل سطر.
Thmanyah Sans · بديل مجاني: IBM Plex Sans Arabic
الأوزان: 500 للعناوين الصغيرة، 700 للعناوين الرئيسية
Thmanyah Serif Text · بديل مجاني: Noto Naskh Arabic
الأوزان: 400 للنص، 600 للتشديد
الأحجام بصيغة «حاسوب / هاتف». ترخيص خط ثمانية يسمح باستخدامه مجانًا في المواقع والهويات الشخصية والتجارية، ولكنه يمنع تعديل ملفات الخط أو إعادة توزيعها، ويمنع الإيحاء بشراكة مع ثمانية. حمّل الخط من صفحته الرسمية واستضفه على موقعك فقط.
كل مسافة في الموقع مأخوذة من هذا السلّم. المسافات الصغيرة داخل العناصر، والكبيرة بين الأقسام.
--s14--s28--s312--s416--s524--s632--s748--s864--s996المقال الطويل له صورة وعنوان وملخص. الفكرة القصيرة نص فقط مع خط جانبي أخضر. معرض دمشق صورة كاملة مع اسم المكان والتاريخ.
قراءة في خمس شركات سورية بدأت بقوة ثم توقفت، وما الذي كان يمكن فعله بشكل مختلف.
الدفع الإلكتروني في سوريا لن ينتشر بقرار حكومي. سينتشر عندما يصبح أسهل من النقد في دكان الحي.
أفضل فريق تقني رأيته في دمشق كان يعمل من غرفة واحدة، بمولّد واحد، ويوصل في الموعد.
صورة المقال بنسبة 16:10، وصورة المعرض بنسبة 4:5 لتملأ شاشة الهاتف. على الهاتف تُعرض البطاقات في عمود واحد. الصور التوضيحية هنا أماكن مؤقتة للصور الحقيقية.
معظم القرّاء السوريين يقرؤون من الهاتف، وكثير منهم على اتصال بطيء. لذلك تبدأ كل صفحة من عرض 360 بكسل.
حين تكون الكهرباء متقطعة والإنترنت بطيئًا، تصبح خفّة الموقع جزءًا من احترام القارئ.