الهوية
هوية ريغل
كل ما يجعل ريغل مميّزاً: الشعار والألوان والخطوط واللغة البصرية. للاستخدام في مشاريع ريغل.
01
الفكرة
نجم بعيد لكنه واضح للجميع، يحيط به مدار وعقدة شبكة: الوضوح، والمجتمع، والمنتجات الرقمية التي نبنيها.
- النجم — نقطة تركيز واحدة واضحة
- الشبكة العصبية — أشخاص وأفكار مترابطة
- المجرّة — العمق والهدوء والطريق الطويل خلف الحل
- الشبكة الرقمية — المنتجات التي نبنيها
02
الشعار
قواعد الشعار
- اترك مساحة فارغة حول الشعار تساوي ربع حجم العلامة.
- الحد الأدنى: العلامة 24 px، والشعار 120 px عرضاً. للأصغر استخدم الرمز.
- لا تغيّر الألوان ولا تمطّ ولا تدوّر ولا تضف حدوداً أو تأثيرات.
- استخدم دائماً ملفات SVG — النص محوّل مسبقاً إلى أشكال.
03
الألوان
فضاء داكن ونجم واحد مضيء. اضغط على اللون لنسخ قيمته.
التدرّجات
Rigel Beam · 135deg #BFE0FF → #6FB1FF → #8A7BFF
Signal · 90deg #36E2F0 → #6FB1FF
04
الخطوط
Cairo · 400 — 800
نبسّط ما يبدو معقّداً
We make the complex feel simple.
Cairo — خط النصوص الوحيد، للعربية واللاتينية. 400 للنص · 600 للتسميات · 700 للعناوين · 800 للعناوين الكبيرة.
JetBrains Mono · 400 / 500
RA 05h 14m 32s
// rigelstudio.de · v1.0.0 · 850 ly
JetBrains Mono — لمسة رقمية للتسميات والأرقام والبيانات. لاتيني فقط، بأحرف كبيرة وتباعد واسع.
05
النبرة
واضح · دافئ · واثق. جمل قصيرة، فكرة واحدة في كل جملة. نتكلم عمّا يستطيع الناس فعله الآن، لا عن صعوبة الطريق.
07
استخدمها في مشاريعك
رموز التصميم كمتغيرات CSS و JSON و Tailwind preset — نفس القيم التي يستخدمها هذا الموقع.
/* globals.css */
@import './rigel/rigel-tokens.css';
/* tailwind.config.js */
module.exports = { presets: [require('./rigel/tailwind-preset.js')] };
<button class="bg-accent text-bg rounded-full">Rigel</button>