mini-cart-logo

سبد خرید شما خالی است.

mini-cart-logo

سبد خرید شما خالی است.

نسخهٔ فارسی و بازطراحی‌شدهٔ پلی‌مدیا با الهام از Landing Page Motion Pack اثر @zeeuiux. خروجی ۹۶۰×۶۰۰، ۷ ثانیه و بی‌صدا؛ رابط‌ها و داده‌ها نمونهٔ مفهومی‌اند.

پرامپت انگلیسی مرجع
Build a landing page hero as one self-contained HTML file (inline CSS and vanilla
JS, no libraries).
Layout: a pill badge ("New · AI-built landing pages"), a 3-line headline "Design
that / sells while / you sleep.", one line of supporting copy, a black "Start
free" button, an outline "Watch demo" button, and a product dashboard card
peeking up from the bottom edge.
Motion on load:
1. The badge drops in 16px and fades in (0.6s).
2. Each headline word rises 28px from a 14px blur to sharp, staggered 90ms, ease-out-cubic.
3. An accent underline draws under "sells" from left to right.
4. The copy fades up, then both buttons spring from 0.6 to 1 scale with a slight
overshoot.
5. The dashboard card tilts up from rotateX(30deg), 260px lower, into place.
6. A soft shine sweeps across "Start free" once.
Style: Google Sans, near-black #0A0A0A, accent #EF6237, generous white space.
Loop the sequence every 7s and respect prefers-reduced-motion.

فایل مرجع از zeeuiux · همهٔ نمونه‌های موشن لندینگ‌پیج

لندینگ‌پیج — ورود سینمایی هدر

تاریخ انتشار: 26 مهر 1405
ساخت عکس ↗
متن پرامپت
یک موشن گرافیکی فارسی با موضوع «ورود سینمایی هدر» بساز. این نسخهٔ مستقل با الهام از ایدهٔ Landing Page Motion Pack اثر @zeeuiux است؛ بازطراحی فارسی پلی‌مدیا و کپی تصویری خروجی منبع نیست.خروجی ۹۶۰×۶۰۰ پیکسل، ۳۰ فریم در ثانیه و ۷ ثانیه باشد. فونت واقعی یکان بخ، متن متصل فارسی، راست‌به‌چپ و ارقام فارسی استفاده کن. پالت سفید گرم #F7F4FC، مشکی #17141E و بنفش #7543E8 است؛ بعضی صحنه‌ها زمینه تیره دارند. حاشیه امن ۴۰ پیکسل رعایت شود.حرکت اختصاصی: نشان بیضی از بالا وارد شود؛ دو سطر تیتر با جابه‌جایی عمودی و شفافیت نمایان شوند، خط بنفش زیر تیتر رسم شود، توضیح و دکمه ظاهر شوند و کارت نمودار با حرکت فنری از پایین قاب بالا بیاید. در ثانیه ششم ورود عناصر به حالت آغاز برگردد.برای رسیدن به نمونهٔ این صفحه از ترسیم دوبعدی Python/Pillow با RAQM و FFmpeg استفاده شده است. خروجی یک ویدیوی نمایشی بی‌صداست؛ کنترل رابط و دکمه‌ها در ویدیوی MP4 تعاملی نیستند. حرکت را با تابع زمان مطلق، easing نرم و keyframe بازتولیدپذیر بساز. بازگشت چرخه‌ها می‌تواند ریست نمایشی داشته باشد؛ لوپ بدون درز را بدون آزمون ادعا نکن. بلور سه‌بعدی، مورف برداری یا اسکرین‌شات واقعی محصول ادعا نکن.MP4 با H.264، yuv420p و faststart، پوستر JPEG و کد قابل‌ویرایش تحویل بده. آغاز، میانه، پایان و دو سوی تغییر حالت‌ها را بررسی کن. همهٔ فایل را با ffmpeg دیکد و ابعاد و زمان را با ffprobe کنترل کن. برای تغییر برند، متن، رنگ و فونت همین صحنه را بازطراحی کن.
کمک میخوای؟
Chat Icon
mini-cart-logo-toolbar

سبد خرید شما خالی است.