دوره جامع ارتش تکنفره با هوش مصنوعی
نوع: آموزش
امتیاز 4.9 | 28 نظر
آموزش ساخت کسبوکار مستقل با ابزارهای ChatGPT، Midjourney و تدوین اتوماتیک ویدیو در کوتاهترین زمان ممکن.
۲۴ ساعت آموزش اختصاصی 
342۱,۹۸۰,۰۰۰ تومان ۳,۵۰۰,۰۰۰ تومان
مشاهده دورهسیستم دیزاین مستر چتجیپیتی
مستندات کامل ابزارها، پالت رنگ، تایپوگرافی، کارتها، لودینگها و کامپوننتهای اسکلتون پروژه
۱. پالت رنگ و توکنهای استایل (Colors & Tokens)
Background Dark
--bg-dark #101424 رنگ پسزمینه اصلی برنامه
Background Deep
--bg-deep #15151d بخشهای عمیقتر و تیره
Primary Blue
--primary #167afe رنگ اصلی برند و دکمهها
Primary Strong
--primary-strong #0e5fca حالت هاور دکمهها و لینکها
Surface Dark (Glass)
--surface-dark rgba(21, 21, 29, 0.35) پنلها و کارتهای شیشهای تیره
Surface Light (Glass)
--surface-light rgba(255, 255, 255, 0.38) کارتهای شیشهای روشن
Surface Card
--surface-card rgba(22, 122, 254, 0.16) پسزمینه درخشان کارتها
Text Primary
--text-primary #f7fbff رنگ متنهای اصلی روشن
Text Muted
--text-muted rgba(245, 250, 255, 0.8) متون فرعی و جزئیات
۲. تایپوگرافی و ساختار متون (Typography)
Heading 1 (Hero Title)
هوش مصنوعی کلید پیشرفت بشریت (2.8rem / Bold)
Heading 2 (Section Title)
بروزترین آموزشهای تخصصی (2rem / Bold)
Heading 3 (Card Title)
دوره جامع ارتش تکنفره با هوش مصنوعی (1.25rem)
Body Text
این یک متن نمونه برای بدنه اصلی صفحات است. فونت مورد استفاده وزیرمتن (Vazirmatn) بوده و خوانایی بسیار بالایی در زبان فارسی دارد. (1rem)
Muted / Small Text امتیاز ۴.۹ | ۲۸ نظر کاربر ثبتشده (0.85rem)
۳. دکمهها و المانهای تعاملی (Buttons)
Primary
Glassmorphic
Ghost
Danger
Disabled State
۴. فرمها و ورودیها (Form Fields)
TextInput Primitive
TextArea Primitive
۵. نشانها و بجها (Pills & Badges)
Soft Variant (Calendar) ۱۲ ساعت آموزش
۱۲ ساعت آموزشSolid Variant (Heart) ۱۵۰ پسند
۱۵۰ پسندSimple Text اکانت ChatGPT
۶. کامپوننت پایه اسکلتون (Skeleton Loader Primitives)
این کامپوننتها به کمک افکت Shimmer و بر اساس CSS انیمیشن اختصاصی، زمان بارگذاری دادهها را بسیار روان و مدرن جلوه میدهند.
حالت دایره (تصویر پروفایل)
حالت متن (کوتاه)
حالت متن (خط کامل)
حالت بلوک (تصویر هیرو)
۷. کارتها در دو حالت عادی و اسکلتون (Cards & Loading states comparison)
کارت دوره آموزشی (Course Card)
۲۴ ساعت آموزش اختصاصی 342کارت مقاله بلاگ (Blog Card)
مقایسه همهجانبه DeepSeek و ChatGPT
آیا رقیب جدید و ارزانقیمت چینی میتواند پادشاهی OpenAI را به خطر بیندازد؟ در این مقاله کدهای برنامهنویسی هر دو را بررسی میکنیم.
۸ اسفند ۱۴۰۴ 189
۸. لودینگ چرخنده شیشهای (Global Spinner Overlay)
این اسپینر پرمیوم Conic-Gradient به صورت شیشهای با افکت بلور backdrop در بالای صفحه ظاهر میشود تا انتقال بین صفحات عمومی فاقد اسکلتون را پوشش دهد.
۹. جلوههای پیشرفته شیشه مایع و اکریلیک اپل (Liquid Glass & Acrylic UI)
این بخش جلوههای نوری پیشرفته شیشه مایع (Liquid Glass) و شیشه اکریلیک بافتدار (Acrylic) الهامگرفته از زبان طراحی مدرن اپل را به همراه راهنمای فاصلهگذاری و قرارگیری لوگو مستند میکند.
کارتهای تعاملی شیشهای
شیشه مایع اپل (Liquid Glass)
بازتاب تعاملی نور روی لبهها
نشانگر ماوس خود را روی این کارت حرکت دهید تا انعکاس نور سهبعدی و حرکت بازتاب نوری لایهها را روی شیشه تجربه کنید.
backdrop-filter: blur(24px) saturate(190%);
شیشه اکریلیک بافتدار (Acrylic)
بافت مایکرو فیزیکی واقعی
این کارت دارای یک بافت نویز شنی ظریف است که جلوه مات فیزیکی شیشه را تقویت کرده و از پدیده شکست رنگ یا Color Banding در مانیتورها کاملاً جلوگیری میکند.
SVG FractalNoise + blur(32px) saturate(210%);
شکست نور روی بکگراند مش پویا
نمایش شکست نور زیر شیشه
حرکت و درهمتنیدگی گویهای رنگی نئونی در زیر پنل شیشهای را تماشا کنید. غلظت ۱.۹ برابر رنگها (Saturate) جلوهای بسیار زنده و عمیق القا میکند.
انیمیشن روان ۱۰۰٪ CSS
راهنمای هویت بصری و توسعه برند (Brand Identity Guidelines)
قوانین چینش و تعامل لوگو (Logo Placement)
- تناسب در تراز چپ و راست (RTL): لوگوی برند مستر چتجیپیتی در زبان فارسی (راستچین) برای هماهنگی با جهت نگاه اسکن چشم کاربر، در تراز چپ یا راست هدر به صورت سهبخشی مدرن قرار میگیرد. در حالت فعلی چپتراز، فاصله ایمن به خوبی حفظ شده است.
- فضای تنفس لوگو (Clear Padding): لوگوی برند باید همواره حداقل ۲۴ تا ۳۲ پیکسل فضای حاشیه خالی در اطراف خود داشته باشد تا از خفگی بصری و برخورد با ناوبری جلوگیری شود.
- تعامل نوری در هاور (Hover Lighting): در زمان هاور ماوس، اعمال مقیاس ملایم `scale(1.04)` به همراه زاویه چرخش چریکی بسیار ناچیز `-1deg` حس سرزندگی فیزیکی را بدون به هم ریختن چینش القا میکند.
هارمونی رنگها و تایپوگرافی شیشهای
- پالت رنگی مکمل نئون: رنگ آبی نئونی اصلی (`--primary`) باید در کنار رنگ مکمل سرخابی سایبرپانک (`#ff00c8`) و فیروزهای متالیک (`#00f6ff`) قرار گیرد تا عمق رنگی در پسزمینه شیشه جلوه کند.
- کنتراست متون روی شیشه: روی تمام پنلهای شیشهای باید از فونت سفید کاملاً روشن (`#ffffff` یا `#f7fbff`) با وزنهای بالای ۵۰۰ برای عناوین و وزن ۴۰۰ با شفافیت `rgba(255,255,255,0.8)` برای متون بدنه استفاده شود تا خوانایی (Accessibility) تضمین گردد.
- سیستم فاصلهگذاری ۸ پیکسلی: فواصل داخل کارتها و لبهها باید دقیقاً مضربی از ۸ پیکسل (0.5rem, 1rem, 1.5rem, 2rem) تنظیم شوند تا هندسه طلایی سیستم فیزیکی اپل حفظ شود.