بازگشت به درباره ما
Design System
TeleLive
سیستم طراحی TeleLive
مرجع بصری سایت: رنگ، تایپ، دکمه‌ها، شیشه، تب، کارت کلیپ و هویت کانال. برای تیم و پارتنرها.
پالت رنگ
متغیرهای CSS اصلی تم تاریک.
Brand
--brand
Brand soft
--brand-soft
Text
--text
Muted
--text-muted
Line
--line
Elev 1
--bg-elev-1
Success
--success
Danger
--danger
تایپوگرافی
TeleLive
عنوان صفحه
عنوان بخش
متن بدنه برای توضیح کوتاه. خوانایی اول، جلوه‌های اضافه ممنوع.
دکمه‌ها
شیشه و پنل
سطح‌های اصلی صفحات حساب / قانونی / کانال.
پنل شیشه‌ای
کارت تعاملی یا بلوک محتوا با blur ملایم.
قوانین
- هیرو بدون کارت شناور روی تصویر
- یک کار در هر بخش
- برند در هیرو قوی باشد
تب‌ها
زیرخط فعال؛ از خوشهٔ pill پرهیز شود.
فرم
مدیا
کارت کلیپ و دسته مثل صفحه اصلی.
موشن
tl-page-in— ورود هیروtl-ch-rise— نوار هویت کانال- اسکلتون shimmer برای لود صفحه
- prefers-reduced-motion: انیمیشن خاموش