پرتوپرتو

مفاهیم دامنه

دانش دامنه سوشال لیسنینگ و اینفلوئنسر مارکتینگ که در کامپوننت‌های پرتو کدگذاری شده‌اند

پرتو یک کتابخانه عمومی نیست. کامپوننت‌های آن دانش خاص دامنه سوشال لیسنینگ را کدگذاری می‌کنند. این صفحه این مفاهیم را توضیح می‌دهد.


دسته‌بندی اینفلوئنسرها

اینفلوئنسرها بر اساس تعداد فالوور به چهار دسته تقسیم می‌شوند:

دستهفارسیتعداد فالوور
Nanoنانو۱ هزار — ۱۰ هزار
Microمیکرو۱۰ هزار — ۱۰۰ هزار
Macroماکرو۱۰۰ هزار — ۱ میلیون
Megaمگابیش از ۱ میلیون

این دسته‌بندی در کامپوننت‌هایی مانند ProfileCard، EngagementRate، و EngagementRateBar به کار می‌رود.

نمونه بصری

م

محسن یگانه

mohsene

125K
import { ProfileCard } from '@parto-system-design/ui'

;<ProfileCard category="micro" followerCount={45000} username="@username" />

سطوح نرخ تعامل (Engagement Tiers)

نرخ تعامل (Engagement Rate) — نسبت تعاملات (لایک، کامنت، ذخیره) به فالوورها — به شش سطح رنگ‌کدشده تقسیم می‌شود:

سطحفارسیتوکن رنگ CSS
Excellentعالی--engagement-excellent
Very Goodخیلی خوب--engagement-very-good
Goodخوب--engagement-good
Averageمتوسط--engagement-average
Poorقابل بهبود--engagement-poor
Very Poorضعیف--engagement-very-poor

نمونه بصری — نرخ تعامل

۵.۷۱۰%
عالی
عالیضعیف

دسته شما:

مگا اینفلوئنسر

بیش از ۱,۰۰۰,۰۰۰ فالوور

(۷,۸۶۴,۵۵۴ فالوور)

معیارهای دسته مگا اینفلوئنسر

عالی(شما)
۱% و بالاتر
خیلی خوب
۰.۸% تا ۱%
خوب
۰.۵% تا ۰.۸%
متوسط
۰.۳% تا ۰.۵%
قابل بهبود
۰.۱% تا ۰.۳%
ضعیف
کمتر از ۰.۱%
۵.۷۱۰%
عالی
عالیضعیف

آستانه‌های متفاوت به دسته

هر دسته اینفلوئنسر آستانه‌های متفاوتی برای هر سطح دارد. نرخ تعامل ۳٪ برای یک مگا اینفلوئنسر «عالی» است، اما برای یک نانو اینفلوئنسر «متوسط».

import { EngagementRate } from '@parto-system-design/ui'

// نرخ ۳٪ برای مگا → سطح "عالی"
<EngagementRate value={3.2} category="mega" />

// نرخ ۳٪ برای نانو → سطح "متوسط"
<EngagementRate value={3.2} category="nano" />

تحلیل احساسات (Sentiment Analysis)

محتوای شبکه‌های اجتماعی به سه نوع احساس تقسیم می‌شود:

نوعفارسیتوکن رنگ CSS
Positiveمثبت--sentiment-positive
Neutralخنثی--sentiment-neutral
Negativeمنفی--sentiment-negative

نمونه بصری

مثبت۱۲۰منفی۴۵خنثی۶۷ترکیبی
مثبت
۵۸٪
خنثی
۲۷٪
منفی
۱۵٪
import { SentimentBadge, SentimentDistribution } from '@parto-system-design/ui'

// نشان احساس یک آیتم
<SentimentBadge sentiment="positive" />
<SentimentBadge sentiment="neutral" />
<SentimentBadge sentiment="negative" />

// توزیع احساسات (درصدی)
<SentimentDistribution
  positive={65}
  neutral={25}
  negative={10}
/>

پلتفرم‌های اجتماعی

هفت پلتفرم با رنگ‌های برند اختصاصی پشتیبانی می‌شوند:

پلتفرمنام فارسی
instagramاینستاگرام
twitterتوییتر / X
tiktokتیک‌تاک
youtubeیوتیوب
linkedinلینکدین
telegramتلگرام
threadsتردز

نمونه بصری

import { SocialPlatformBadge } from '@parto-system-design/ui'

<SocialPlatformBadge platform="instagram" />
<SocialPlatformBadge platform="telegram" />
<SocialPlatformBadge platform="youtube" />

کامپوننت Instagram Post

کامپوننت InstagramPost یک پست اینستاگرام را در رابط کاربری شبیه‌سازی می‌کند.

نکته مهم: این کامپوننت همیشه LTR رندر می‌شود، حتی در صفحات RTL — چون استاندارد برند اینستاگرام LTR است.

import { InstagramPost } from '@parto-system-design/ui'

;<InstagramPost
  username="username"
  avatarSrc="/avatar.jpg"
  imageSrc="/post-image.jpg"
  caption="متن پست اینستاگرام..."
  likeCount={1420}
  commentCount={38}
  timestamp="۲ ساعت پیش"
/>

توکن‌های رنگی دامنه

توکن‌های CSS اختصاصی دامنه در globals.css تعریف شده‌اند و در هر سه تم کار می‌کنند:

/* سطوح تعامل */
--engagement-excellent
--engagement-very-good
--engagement-good
--engagement-average
--engagement-poor
--engagement-very-poor

/* احساسات */
--sentiment-positive
--sentiment-neutral
--sentiment-negative

این توکن‌ها مانند سایر توکن‌های سیستم در تم‌های روشن و تاریک به درستی کار می‌کنند.