SEC-99–Emora–Universal-Mother-Template_V1تاریخ ساخت: 1404.07.14 این تیتر اصلی سکشن است. از آن برای معرفی کلی این بخش استفاده کن (مثلاً «داستان ما»، «خدمات»، «نمونه‌کارها»). در پروژه‌های واقعی، این تیتر باید حس و هدف اصلی سکشن را منتقل کند. فونت: Emora – SectionTitle – Bold24 (24/32)
sec-lead | 05
متن توضیح کوتاه زیر تیتر.
در یک یا دو جمله هدف این بخش را توضیح بده.
مثلاً: «هدف ما طراحی سایت‌هایی است که ساده، انسانی و ماندگار باشند.»
فونت: Emora – Body (20/32)
توضیح تکمیلی یا جمله احساسی برای ارتباط بیشتر با مخاطب.
می‌تونی این قسمت رو حذف یا خالی بذاری اگر لازم نباشد.
فونت: (Emora – BrandMessage (18/30
🟤 تیتر کارت. اینجا عنوان هر کارت را بنویس (مثلاً «شروع طراحی با گوش دادن به نیاز شما»). فونت: Emora – CardTitle – Medium16 (16/24)
🟢 متن کارت.
در یک تا دو جمله توضیح بده کارت درباره چه چیزی است.
مثلاً: «تمرکز ما بر درک نیاز کاربر و ساخت تجربه‌ای قابل لمس است.»
فونت: Emora – CardText – Regular14 (14/22)
🔹 تیتر کوچک یا نکته‌ی آموزشی درون سکشن. از این برای تیترهای فرعی، عنوان جملات کلیدی، یا بخش‌های توضیحی درون کارت‌ها و سکشن‌ها استفاده کن. مثلاً: «چطور کار می‌کنیم» یا «هدف از این بخش چیست». فونت: Emora – SectionTitle – Bold24 (24/32)
متن توضیحی یا پاراگراف کوتاه زیر تیتر.
در این بخش توضیح مختصر یا راهنمای مربوط به تیتر بالا را بنویس.
مثلاً: «در این قسمت می‌توانید روند کار یا نکات مربوط به طراحی را مشاهده کنید.»
فونت: Emora – Body (20/32)
🏷️ اینجا یک برچسب یا ویژگی کوتاه بنویس.
نمونه: «طراحی مینیمال» / «Elementor» / «Responsive»
فونت: Emora – CardText – Regular14 (14/22)
🔍 سیستم Hidden & X-Ray Debug فعال است
در این بخش می‌توانید نمایش و مخفی‌سازی المان‌های
.is-hidden
و
.is-hiddenn
را با دکمه Debug پایین صفحه تست کنید.
مکان در ساختار Mother Template: note-row | 29A → debug-toggle-note | 29A-1
📄 نوت اطلاعات دیباگ (Debug Info)
این باکس در حالت عادی پنهان است و فقط در زمان فعال بودن حالت X-Ray نمایش داده می‌شود.
کلاس فعال‌کننده:
dbg-showhidden
مکان در درخت Mother Template: note-row | 29A → debug-info-note | 29A-2
🧩 Visual Grid & Cards Debug
این حالت خطوط راهنما و مرزهای .crt-row و .crt-grid را برای دیباگ فاصله/چینش نمایش می‌دهد.
مکان در Mother: visual-debug-row | 29B → vdbg-note | 29B-1
🔵 یادداشت طراحی یا نکته آموزشی. مثلاً: «این سکشن برای تست ساختار استفاده می‌شود.» فونت: Emora – SectionTitle – Bold24 (24/32)
در این قسمت می‌تونی نکته‌هایی درباره نحوه اجرای این سکشن یا کلاس‌های مورد نیاز بنویسی.
مثلاً: «در نسخه نهایی، این بخش با Why Emora جایگزین می‌شود.»
فونت: Emora – Body (20/32)