Raygent.pro — راهنمای هویت بصری

01 — Brand core

هستهٔ برند

Raygent.pro یک پلتفرم است، نه یک ربات. مردم با آن ربات می‌سازند و از یک پنل همه‌چیز را کنترل می‌کنند. هویت بصری باید همین دو حس را با هم بدهد: ساختن (سریع، ماژولار، تمیز) و کنترل (دقیق، امن، حرفه‌ای).

01

نام

Ray + Agent — پرتو + عامل؛ نوری که کار می‌کند. پسوند .pro همیشه با وزن سبک‌تر و رنگ بنفش می‌آید.

02

وعده

«ربات بساز، رها نکن.» ساخت در چند دقیقه، کنترل در تمام عمر ربات: کاربر، پیام، درگاه، آمار.

03

شخصیت

دقیق و تکنیکال، اما بی‌تکلف. شبیه یک ابزار خوب: ساکت، سریع، قابل‌اعتماد. نه شلوغ، نه بازیگوش، نه شرکتی-سرد.

شعار اصلی: Build bots. Own the panel. — فارسی: ربات بساز، کنترلش دستِ خودت باشد.

02 — Logo anatomy

آناتومی لوگو

لوگو از شش جزء ساخته شده و هر جزء یک معنا دارد. هیچ‌کدام تزئینی نیست؛ اگر جزئی حذف شود، معنا هم حذف می‌شود.

شش‌ضلعی (Hexagon) — بدنهٔ پنل کنترل؛ شش ضلع، شش ماژول؛ شکلِ یک سپر کوچک: امنیت و استحکام.
وایزر (Visor) — چهرهٔ ربات. قاب گرد و بسته: محصول، در یک قاب جمع شده است.
دو چشم آبی — هوش و آماده‌بودن. نقطهٔ تمرکز بینایی لوگو همین‌جاست.
خط دهان — پاسخ. رباتی که جواب می‌دهد، نه رباتی که فقط گوش می‌دهد.
درگاه + خط چانه — اتصال و کانال؛ همان چیزی که ربات را به سرویس‌ها و درگاه‌ها وصل می‌کند.
حرف R — همان چهره، داخل کاسهٔ R تکرار می‌شود: کپسول تیره، قاب سفید و دو چشم آبی. حرف اولِ نام، خودِ محصول است.
پرتوها (Sunburst) — خودِ «Ray»: پخش‌شدن، سرعت، شبکه. شش‌ضلعی در مرکز، نور از آن بیرون می‌زند.

ساختار هندسی

GEOM

شش‌ضلعی

نوک‌تیز از بالا، شعاع ۱۰۰ واحد، شش رأس روی مضارب ۶۰ درجه. هیچ چرخشی مجاز نیست.

GEOM

پرتوها

۱۶ پرتو با گام ۲۲٫۵ درجه، از شعاع ۹۶ تا ۱۹۶، پهن‌شونده از ۴٫۲ به ۸٫۲ درجه، یک‌درمیان آبی/بنفش.

GEOM

چهره

وایزر ۱۱۲×۶۰ با گوشهٔ ۳۰ و ضخامت خط ۱۲؛ قطر چشم ۱۸٪ عرض شش‌ضلعی؛ دهان و خط چانه نصفِ این ضخامت.

حاشیهٔ امن و کمینهٔ اندازه

حاشیهٔ امن = x

x برابر ۲۵٪ عرض نشان است (در نسخهٔ افقی: برابر ارتفاع شش‌ضلعی). متن، خط یا لبهٔ کادر در هیچ جهتی داخل این محدوده نمی‌آید.

کمینهٔ اندازه

نشان تنها: ۲۴px دیجیتال / ۸mm چاپ. لاک‌آپ افقی: ۱۴۰px / ۳۵mm. لاک‌آپ عمودی: ۱۲۰px. زیر این اندازه‌ها فقط «آیکون» استفاده می‌شود.

پس‌زمینه

روی سفید، مشتی روشن (#F5F7FF) و سرمه‌ای تیره. روی عکس یا رنگ متغیر، فقط نسخهٔ تک‌رنگ سفید داخل کادر محافظ.

03 — Logo system

نسخه‌های لوگو

همهٔ نسخه‌ها از یک منبع برداری می‌آیند؛ هیچ‌کدام بازطراحی نیست، فقط آرایش و رنگ.

Wordmarkحرف R = چهرهٔ ربات

R monogramآواتار، مهر، فیلم

Primary — stackedسایت، اسلاید، چاپ

Horizontalهدر پنل، ایمیل

Mark / burstآواتار، لودینگ

Icon — flatUI، favicon بزرگ

Mono whiteروی رنگ / عکس

Mono navyفکس، مهر، حکاکی

04 — Colour

رنگ

دو قطب: شبِ سرمه‌ای (اعتماد، کنترل) و پرتوِ آبی-بنفش (سرعت، هوش). نسبت مصرف ۶۰٪ خنثی، ۳۰٪ سرمه‌ای، ۱۰٪ آبی/بنفش. کلیک روی هر رنگ، کد HEX را کپی می‌کند.

Ray Navy

#0A0E3F

10 · 14 · 63

Ray Indigo

#1B2192

27 · 33 · 146

Hex Deep

#0E1250

14 · 18 · 80

Ray Blue

#2F6BFF

47 · 107 · 255

Ray Azure

#6EA8FF

110 · 168 · 255

Ray Violet

#7A3BF0

122 · 59 · 240

Ray Magenta

#B36BFF

179 · 107 · 255

Mist

#F5F7FF

245 · 247 · 255

Slate

#5B6285

91 · 98 · 133

White

#FFFFFF

255 · 255 · 255

رنگ‌های معنایی (پنل)

Success

#10B981

Warning

#F59E0B

Danger

#EF4444

Border

#E3E8F7

گرادیان‌ها

Wordmark

linear 100deg → #0A0E3F · #1B2192 · #5A28D8 · #8B45FF

Hexagon

linear 160deg → #252CA8 · #1B2192 · #0E1250

کنتراست (WCAG)

ترکیب	نسبت	سطح
سفید روی Ray Navy	18.30 : 1	AAA
سفید روی Ray Indigo	12.51 : 1	AAA
Ray Azure روی Ray Navy	7.59 : 1	AAA
Ray Violet روی سفید	5.66 : 1	AA
Ray Blue روی سفید	4.50 : 1	AA — متن درشت و دکمه
Slate روی سفید	5.95 : 1	AA

05 — Typography

تایپوگرافی

چهار خانواده، چهار نقش. هیچ فونت پنجمی وارد نمی‌شود.

Display · Poppins 600

Raygent.pro

نام برند، تیترهای انگلیسی، لوگو. تراکم −۲٪، بدون italic.

UI · Inter 400 / 500 / 600

Panel · Bots · Campaigns · Users · Analytics

رابط انگلیسی، اعداد، جدول‌ها. اعداد tabular برای آمار.

Persian · Vazirmatn 400 / 600 / 700

ربات بساز، کنترلش دستِ خودت باشد.

متن فارسی، دکمه‌ها، پیام‌ها. اعداد فارسی فقط در متن روان، نه در داده.

Mono · JetBrains Mono

bot_token = "7...:AA..." · /api/v1/bots

توکن، شناسه، کد، لاگ. همیشه LTR.

مقیاس

توکن	اندازه / ارتفاع خط	وزن	کاربرد
text-xs	12 / 18	500	برچسب، کپشن
text-sm	14 / 22	400	متن ثانویه، جدول
text-base	16 / 26	400	متن اصلی
text-lg	20 / 30	600	تیتر کارت
text-2xl	28 / 36	700	تیتر بخش
text-4xl	40 / 48	700	تیتر صفحه
display	64 / 68	600	هیرو، اسلاید

06 — UI system

سیستم رابط پنل

همان زبان بصری لوگو، تبدیل‌شده به اجزای رابط: گوشه‌های نرم، خطوط نازک، یک رنگ تأکید.

شعاع گوشه

sm 8 · md 12 · lg 18 · xl 26 · pill
کارت ۱۸، ورودی ۱۲، دکمه pill یا ۱۲.

فاصله

پایهٔ ۴px: 4·8·12·16·24·32·48·64·96. فاصلهٔ عمودی بخش‌ها ۴۸ یا ۶۴.

سایه

فقط یک سایه: 0 24px 60px -32px rgba(10,14,63,.5). سایهٔ تیز و سیاه ممنوع.

دکمهٔ اصلی

پس‌زمینهٔ Ray Blue، متن سفید، ارتفاع ۴۴، شعاع ۱۲. hover: Azure + هالهٔ آبی.

دکمهٔ ثانویه

سفید، حاشیهٔ ۱px #E3E8F7، متن Navy. hover: حاشیهٔ بنفش.

وضعیت

فقط چهار رنگ معنایی؛ هرگز تزئینی. آیکون + متن، نه رنگ تنها.

/* tokens.css — همان چیزی که در tokens.json هست */
:root {
  --ray-navy: #0A0E3F;   --ray-indigo: #1B2192;
  --ray-blue: #2F6BFF;   --ray-azure: #6EA8FF;
  --ray-violet: #7A3BF0; --ray-magenta: #B36BFF;
  --mist: #F5F7FF;      --slate: #5B6285;  --border: #E3E8F7;
  --grad-wordmark: linear-gradient(100deg,#0A0E3F,#1B2192 38%,#5A28D8 78%,#8B45FF);
  --radius: 12px; --radius-card: 18px;
  --font-display: 'Poppins', sans-serif;
  --font-ui: 'Inter', sans-serif;
  --font-fa: 'Vazirmatn', sans-serif;
}

07 — Motion

حرکت

حرکت فقط یک معنا دارد: پرتو می‌چرخد، مغز ثابت است. چرخش پرتوها آرام (۲۶ ثانیه)، نبض مرکز ملایم (۳٫۶ ثانیه). هیچ bounce، هیچ اسپین سریع.

مدت‌ها

120ms hover · 200ms ورود اجزا · 320ms بازشدن پنل.

ایزینگ

cubic-bezier(.22,1,.36,1) برای همه‌چیز؛ خطی فقط برای چرخش پرتو.

دسترس‌پذیری

با prefers-reduced-motion همهٔ انیمیشن‌ها خاموش می‌شوند؛ لوگو ثابت می‌ماند.

08 — Applications

کاربردها

آواتار ربات تلگرام، تب مرورگر، هدر پنل، اسلاید ارائه.

Telegram avatar · 512×512

Panel header

Raygent.proControl Panel

Browser tab · 16px favicon

Raygent — Control Panel

Deck 16:9

09 — Rules

نکنید

این هشت خطا بیشترین آسیب را به برند می‌زنند.

کشیدگینشان را افقی یا عمودی کش ندهید؛ فقط مقیاس یکنواخت.

چرخششش‌ضلعی همیشه نوک‌تیز به بالا. کج‌کردن لوگو ممنوع.

رنگ دلخواهپرتوها را به رنگ سوم تغییر ندهید.

سایه و افکتبلور، bevel و drop-shadow روی لوگو ممنوع، جز قواعد موشن.

بازچینشمتن‌ها را جابه‌جا یا اندازهٔ .pro را بزرگ نکنید.

فونت جایگزیننام برند را با فونتی غیر از Poppins ننویسید.

پس‌زمینهٔ شلوغروی عکس، بدون کادر محافظ استفاده نکنید.

تراکمقرص‌کردن، نقطه‌گذاری یا مونوگرام تازه نسازید.

10 — Voice

لحن

کوتاه، دقیق، بدون شعارزدگی. فعل اول جمله. فارسی محاورهٔ مؤدب، نه رسمی-خشک؛ انگلیسی کوتاه و فنی.

می‌گوییم

«ربات را بساز، منتشر کن، پنلش را بگیر.» — «همه‌چیز در یک پنل.» — «Build bots. Own the panel.»

نمی‌گوییم

«انقلابی‌ترین پلتفرم هوش مصنوعی جهان» — «راهکار جامع ۳۶۰ درجه» — جمله‌های بی‌فعل و پر از صفت.

11 — Files

پرونده‌ها

همهٔ فایل‌ها برداری (SVG) و توکن‌ها JSON هستند؛ آمادهٔ وب و اپ.

raygent-lockup-primary.svg raygent-lockup-horizontal.svg raygent-icon-burst.svg raygent-icon-core.svg raygent-rays.svg raygent-wordmark.svg raygent-appicon.svg raygent-favicon.svg raygent-icon-mono-navy.svg raygent-icon-mono-white.svg raygent-icon-mono-black.svg raygent-monogram-r.svg tokens.json