overlay test

عنوان تصویر

متن سربرگ خود را وارد کنید

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

🌿 Emora Component Lab – Stage 1

تاریخ ساخت: 1404.07.28
هدف: تست و نمایش ساختار کامپوننت‌ها از اسلات 01 تا 45 در قالب Stage 1.
قالب پایه: SEC-99–EmoraDesign–StageTemplate_Slim_V1
مدیریت: EmoraCSS Framework – Version 1.1

🟤 تیتر کارت. اینجا عنوان هر کارت را بنویس (مثلاً «شروع طراحی با گوش دادن به نیاز شما»). فونت: Emora – CardTitle – Medium16 (16/24)

★
Base ImageBox
4x3 ImageBox
1x1 ImageBox
16x9 ImageBox
Overlay

عنوان تصویر

توضیح کوتاه یا کپشن

«عنوان تصویر / Title»

«توضیح کوتاه کپشن برای تست خوانایی در لایه‌ی نرم.»

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

کلاس: text-box_30-01 hero-kicker استایل: Emora – NavItem – Medium16 (16/24) کاربرد: تیتر کوچک بالای عنوان اصلی؛ نقش “اشاره اولیه” به فضا یا حس دارد. در برند Emora معمولاً برای توصیف لحظه یا حس استفاده می‌شود (مثل Calm design, Human websites…).

کلاس: text-box_30-02 hero-title استایل: Emora – Heading – H1 (32/40) کاربرد: عنوان اصلی سکشن؛ پیام کلیدی برند در نگاه اول. در Emora باید حس آرام، مطمئن و انسانی منتقل کند — نه تبلیغاتی.

    • کلاس: text-box_30-03 hero-text
    • استایل: Emora – Body – (20/32)
    • کاربرد: متن توضیحی زیر عنوان؛ نقش “پیام برند” دارد و لحن انسانی، همدل و حرفه‌ای دارد.
      مثل معرفی کوتاه فلسفه یا روش کار برند.

کلاس: overlay__title استایل: Emora – CardTitle – Medium16 (16/24) کاربرد: تیتر کوتاه روی تصویر؛ معمولاً توضیح حالت یا حس تصویر. نباید طولانی باشد؛ مثل “Behind every design — a story.”

  • کلاس: overlay__text
  • استایل: Emora – CardText – Regular14 (14/22)
  • کاربرد: توضیح کوتاه زیر تیتر در لایه‌ی تصویر؛ معمولاً برای بیان حس یا موقعیت.
    باید ساده، آرام و شاعرانه باشد.

 

متن سربرگ خود را وارد کنید

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.