هیروها

Rhythm به‌ازای هر نوع صفحه ۲۰ صفحه‌ی دموی هیروی تقریباً یکسان دارد (index-01…20، mp-index-01…20) که فقط در رسانه‌ی پس‌زمینه و تعداد هدینگ فرق می‌کنند. این‌ها الگوهای متمایز پشت آن‌ها هستند، هرکدام با پیش‌نمایش تمام‌صفحه.

Agency header (no hero media)

تنها حالتی که اصلاً هیرو نیست — نویگیشن همیشه توپر، سکشن محتوای ساده.

index-16.html

Hero — content slider

یک عکس پس‌زمینه‌ی ثابت؛ این‌بار محتوای هدینگ و دکمه‌ی فراخوان است که می‌لغزد.

index-20.html

Hero — cycling background

عکس پس‌زمینه با تایمر محو می‌شود و عوض می‌شود؛ هدینگ و دکمه‌ی فراخوان ثابت می‌مانند.

index-10.html

Hero — image

یک عکس پس‌زمینه‌ی پارالاکس؛ یک یا دو خط هدینگ، کلمه‌ی چرخشی اختیاری، جفت دکمه‌ی فراخوان، دکمه‌ی پخش اختیاری. index-01 تا -06، -11، و -12 را پوشش می‌دهد.

index-01.html … index-12.html

Hero — image, rotating word + play button

همان کامپوننت HeroImage بالا، این‌بار با هدینگ کلمه‌ی چرخشی (text-rotate)، دکمه‌ی پخش بزرگ، و نسخه‌ی فشرده‌ی با ارتفاع ثابت.

index-05.html + index-11.html + index-12.html

Hero — local video background

ویدیوی لوپ‌شونده‌ی میزبانی‌شده‌ی محلی (mp4/webm) با دکمه‌ی قطع/وصل صدا.

index-19.html

Hero — slider (fade)

همان کامپوننت HeroSlider، این‌بار ترنزیشن محوشونده به‌جای لغزشی.

index-08.html

Hero — slider (slide)

کاروسل پس‌زمینه‌ی تمام‌عرض، یک هدینگ برای هر اسلاید، ترنزیشن لغزشی.

index-07.html

Hero — YouTube background

امبد یوتیوب بی‌صدا، لوپ‌شونده، و بدون chrome به‌عنوان پس‌زمینه‌ی هیرو.

index-13.html + index-14.html + index-15.html