הגבלת תווים

מיפוי הקומפוננטות באתר עם תחום תווים מינימלי ומקסימלי לכל שדה — בהתאם לנקודת המגבלה של המובייל. הטקסטים בעמודה "טקסט נוכחי" לקוחים ישירות מהקוד של הגרסה העדכנית.

איך לקרוא את הטבלה

כל שורה היא שדה טקסט בודד. מינימום = הסף שמתחתיו נראה ריק/חסר. מקסימום = הגבול שמעליו גולש/נחתך במובייל. נוכחי = הטקסט המופיע באתר היום.

סוג מגבלה

קשיח חצייה = שבירה ויזואלית.
רך חצייה = פחות מומלץ אך עובד.

ספירה

תווים גלויים, כולל רווחים וסימני פיסוק.
₪ ו-— = תו אחד.
מספר בסוגריים = ספירת התווים בפועל.

A · NAVIGATION & STICKY

אזורי ניווט עליונים

01 · Header

תפריט עליון

header.site · במובייל: לוגו + המבורגר; בדסקטופ: ניווט מלא + 2 CTAs

Sticky · גלוי בכל עמוד

הניווט בדסקטופ עד 7 פריטים גלויים. במובייל מתקפל ל-Drawer. שני כפתורי CTA קצרים — הראשי באדום ("רכישה Online"), המשני בגבול ("הזמנת נסיעת הדגמה").

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
פריט ניווט (דסקטופ)nav a	3	12 קשיח	הדגמים שלנו (10) מימון וביטוח (11) מחשבון מימון (11) שירות ותמיכה (11) אולמות תצוגה (12) יצירת קשר (9) אודות מאזדה (11)	מעל 12 תווים — הפריט שובר שורה.
כפתור CTA ראשי.btn.primary	4	14 קשיח	רכישה Online (12)	אסור לחרוג מ-14 — חוצה את שורת ה-CTAs.
כפתור CTA משני.btn	4	18 רך	הזמנת נסיעת הדגמה (17)	מעל 18 — דוחק את הניווט.

02 · Promo Submenu

באנר מבצע (תת-תפריט)

.submenu · שורת מבצע מתחת לתפריט — ניתן לסגירה

שורה אחת (דסקטופ)

הבאנר משלב תווית קצרה + גוף הודעה. במובייל מתפצל ל-2 שורות. סוגריים, סימני — וכמויות כספיות (כמו "8,400 ₪") נספרים כתווים רגילים.

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
תווית מבצעstrong	5	22 קשיח	מבצע מאי 2026: (13)
גוף הודעה.submenu span	20	90 קשיח	מימון 0% ריבית ל-60 חודשים + מתנת השקה בשווי 8,400 ₪ במימוש באתר (64)	במובייל מתקפל לשתי שורות. מעל 90 — נחתך.
CTA סגירהaria-label	—	10	סגירה (5)	נגישות בלבד.

B · HERO

אזור פתיחה ראשי

03 · Hero / Slide

כותרת ראשית — קרוסלה

.hero.is-multi · שלושה רכיבי טקסט: כותרת עליונה, כותרת ראשית (2 שורות), טקסט שוטף

קריטי · עיקרי הדף

ה-Hero מורכב משלושה רכיבי טקסט עיקריים: (1) כותרת עליונה לבנה מודגשת + דגל סטטוס. (2) כותרת ראשית בפונט גדול מאוד בנויה מ-2 שורות שכל אחת מוגבלת בנפרד. (3) טקסט שוטף מתחת. ומתחתיהם CTAs ובלוק מחיר.

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
כותרת עליונה.eyebrow	6	32 קשיח	הדור החדש של המאסטרפיס (22) הפרמיום SUV עכשיו בישראל (22)	כיתוב לבן קטן באותיות מודגשות.
תווית דגל.flag	0	12 קשיח	PRE-SALE (8) · NEW (3)	אופציונלי.
כותרת ראשית — שורה 1h1 line 1	4	18 קשיח	The All-New (11)	פונט גדול מאוד במובייל. כל אות נחשבת.
כותרת ראשית — שורה 2h1 line 2 (em)	4	18 קשיח	MAZDA CX-5 (10)
טקסט שוטף.lede	40	140 קשיח	הדור החדש של MAZDA CX-5 מייצג נאמנה הגדרה זאת באמצעות דיוק יפני אופייני, יופי מלוטש והקפדה על כל הפרטים (98)	3 שורות במובייל. מעל 140 — נחתך אחרי 3 שורות.
כפתור ראשיprimary CTA	4	14 קשיח	הזמינו כעת (10)
קישור משניsecondary link	4	16 קשיח	נסיעת מבחן (10)
תווית מחירprice label	3	10 קשיח	החל מ- (6)
מחירprice value	5	9 קשיח	₪249,900 (8)	ספרות + פסיק.
הערה למחירprice meta	0	70 רך	בתוספת אגרת רישוי בסך 3,402 ₪ כולל מע״מ (43)

חוק זהב: סך הכותרת הראשית (2 שורות יחד) — עד 32 תווים, אחרת חורגת מהמסך במובייל.

C · ACTIONS

פעולות וכרטיסיות

04 · Quick Strip

פעולות מהירות

.qs-tiles · 5 פעולות עם אייקון

5 פריטים · רוחב שווה

רצועה אחידה של 5 פעולות. במובייל גריד 2x2+1; בדסקטופ שורה אחת. לכל פעולה: אייקון אדום, תווית מודגשת, תיאור משני קטן. הסקציה פותחת בכותרת H2 + Eyebrow אדום.

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
Eyebrow.eyebrow	4	14 קשיח	פעולות (5)	קטן ואדום.
כותרת H2h2	10	28 קשיח	הכל מה שצריך, במקום אחד. (22)
תווית פעולה.qs-lbl	4	14 קשיח	נסיעת הדגמה (11) מחשבון מימון (12) רכישה אונליין (13) אולמות תצוגה (12) תיאום טיפול (11)	5 הפעולות הנוכחיות.
תיאור משני.qs-sub	8	26 קשיח	תיאום מקוון • 3 דקות (19) תכננו את ההלוואה (16) מקצה לקצה, מהבית (16) 12 ברחבי הארץ (13) מרכזי שירות מורשים (18)

D · GALLERY

גלריית דגמים

05 · Model Showcase

גלריית תצוגת רכבים

.model-showcase · קרוסלה עם רכב מרכזי + 2 בצדדים, ובלוק מחיר כפול

תצוגה מרכזית · רכב 1 בכל פעם

הגלריה מציגה דגם אחד מוגדל במרכז + שניים בצדדים כתצוגה מוקדמת. תחתיו: דגל סטטוס (אופציונלי), שם דגם בגדול, תת-כותרת, ובלוק מחיר כפול ("החל מ-" + "מעלות חודשית"). מתחת — הערת אגרה, קישור "זמין לרכישה באונליין" וכפתור "גלו עוד".

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
דגל סטטוס.ms-flag	0	14 קשיח	PRE-SALE (8) · חדש (3) · הזמנה מוקדמת (13)	אופציונלי. רק לדגמים חדשים.
שם הדגם.ms-name	4	16 קשיח	CX-60 (5) MAZDA3 HATCHBACK (15) MAZDA CX-5 (10)	פונט גדול מאוד. תווים נוספים נוגסים במכונית.
תת-כותרת.ms-sub	6	22 קשיח	Plug-in Hybrid (14) Premium SUV (11) Masterpiece (11) Open Top Roadster (17) Crafted to drive (16)	תת-כותרת באנגלית.
תווית מחיר ראשון.ms-price-label	3	14 קשיח	החל מ- (6)
מחיר רכישה.ms-price-num	5	9 קשיח	₪249,900 (8)	ספרות + פסיק.
תווית מחיר שני.ms-price-label (col 2)	4	18 קשיח	מעלות חודשית (12)
החזר חודשי.ms-price-num (col 2)	3	6 קשיח	₪2,200 (6)
הערת אגרה.ms-note	0	50 קשיח	בתוספת אגרת רישוי בסך ₪3,402 כולל מע״מ (38)
קישור אונליין.ms-online	10	30 קשיח	זמין לרכישה באונליין (20)	באדום, עם קו תחתון.
קישור "גלו עוד".ms-details-text	4	12 קשיח	גלו עוד (7)	עם עיגול וחץ.

שים לב: שם הדגם בפונט גדול במיוחד — כל תו נוסף נוגס מתוך אזור המכונית.

06 · Showcase — Coming Soon

גלריית רכב — "Coming Soon"

.model-showcase.is-coming · וריאציה לדגמים שטרם הושקו — ללא מחיר

ללא בלוק מחיר

וריאציה של הגלריה לדגמים שטרם הושקו. במקום בלוק המחיר מופיע תיאור השקה בלבד (לדוגמה "ההשקה בסוף השנה"). הדגל "COMING SOON" באדום מופיע מעל הכותרת.

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
דגל "COMING SOON".ms-coming-flag	6	14 קשיח	COMING SOON (11)	חלופה עברית: "בקרוב".
שם דגם.ms-name	4	16 קשיח	MAZDA CX-6e (11)
תיאור השקה.ms-launch-text	6	32 קשיח	ההשקה בסוף השנה (14)	מחליף את בלוק המחיר.
קישור "גלו עוד".ms-details-text	4	12 קשיח	גלו עוד (7)

E · BLOG

בלוג — מאמרים

07 · Blog Card

בלוג — כרטיס כתבה

.be-card / .be-feature · כרטיס עם תמונה, קטגוריה, כותרת, מטא, קישור

כרטיס מוביל + 2 משניים

כל כתבה כוללת: תמונה, קטגוריה (אדומה קטנה), כותרת H3, שורת מטא (תאריך + זמן קריאה) וקישור "לקריאה מלאה". במובייל הכותרת תופסת עד 3 שורות. הכרטיס המוביל גדול יותר.

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
Eyebrow סקציה.eyebrow	6	20 קשיח	MAZDA STORIES (13)
כותרת H2 סקציהh2	10	28 קשיח	מה חדש מאחורי הקלעים. (20)
קישור "לכל הסיפורים".link	8	20 קשיח	לכל הסיפורים (12)
קטגוריה.be-tag / .be-feat-tag	4	16 קשיח	טכנולוגיה (5) מאחורי הקלעים (12) מדריך לבעלים (12)	3 הקטגוריות הנוכחיות.
תווית "מומלץ".be-tag-pill	3	10 קשיח	מומלץ (5)	רק בכרטיס המוביל.
כותרת H3.be-feat-text h3 / .be-card h3	20	70 קשיח	Skyactiv-G — איך מנוע בנזין עם יחס דחיסה גבוה משנה את כללי המשחק (66) פילוסופיית Kodo — נשמה שבתנועה (29) המדריך השלם להפעלת מצב EV ב-CX-60 PHEV (38)	מעל 70 — נחתך אחרי 3 שורות במובייל.
תאריך.be-meta date	6	16 קשיח	8 במאי 2026 (11)
זמן קריאה.be-meta read	6	16 קשיח	6 דקות קריאה (13)
קישור "קריאה".be-feat-link / .be-card-link	8	18 קשיח	לקריאה מלאה (11)

מובייל: כותרת מעל 70 תווים נחתכת אחרי 3 שורות. לכותרת בטוחה — סגור על 56–62 תווים.

F · CONVERSION & CHROME

גלילה תחתונה — המרה ופוטר

08 · Newsletter

ניוזלטר

.newsletter · טופס הרשמה + טקסט הסכמה DIRECT

1 בעמוד · קונבריז'ן

טקסט ההסכמה הוא הטקסט החדש של DIRECT / קבוצת דלק מוטורס. אין צ׳קבוקס בעיצוב הנוכחי — הכניסה לטופס מהווה הסכמה. הקישור "מדיניות הפרטיות" מודגש בכחול בתוך הטקסט.

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
Eyebrow.eyebrow.latin	6	20 קשיח	STAY IN THE LOOP (16)	באדום, אותיות לטיניות מודגשות.
כותרת H2h2.serif	10	32 קשיח	חידושים והשקות — ישר לתיבה. (27)
טקסט שוטףp	40	140 קשיח	הרשמו לעדכוני מאזדה ישראל וקבלו ראשונים מידע על השקות, מבצעים, אירועי בעלים וטכנולוגיה חדשה. (94)	2–3 שורות במובייל.
Placeholderinput[type=email]	10	24 קשיח	כתובת המייל שלכם (16)
כפתור הרשמהbutton[type=submit]	4	8 קשיח	הרשמה (5)
טקסט הסכמה.nl-consent	80	280 קשיח	ראה הטקסט המלא למטה (212)	טקסט DIRECT / דלק מוטורס. מעל 280 — לוקח >5 שורות במובייל.
קישור פרטיות (בתוך ההסכמה).nl-consent span	10	20 קשיח	מדיניות הפרטיות (15)	בכחול `rgb(0, 148, 255)`.
תודה (success)success message	6	30 רך	תודה! נתראה בקרוב. (18)	מוצג אחרי הרשמה.

טקסט הסכמה — נוסח מלא (DIRECT) הזנת הפרטים מהווה הסכמה לקבל מקבוצת דלק מוטורס דיוורים, עדכונים, מבצעים, אירועים והטבות מטעם המותג DIRECT באמצעי התקשרות אותם הזנת. הפרטים יישמרו במאגר המידע ויעשה בהם שימוש בהתאם לתנאי מדיניות הפרטיות של הקבוצה סה״כ: 212 תווים

09 · Footer

פוטר

footer.site · 4 עמודות + פס רשתות חברתיות + שורת קרדיט

תחתון · גלוי בכל עמוד

הפוטר מחולק ל-4 עמודות: דברו איתנו (פרטי קשר עם אייקונים), דגמי MAZDA (9 דגמים), עזרים (5 כלים) ו-אודות (4 קישורי משפט). ברקע — תמונת רקצנים בשחור-לבן. בתחתית: רשתות חברתיות + לוגו Delek Motors + קרדיט mint.

שדה	מינ׳	מקס׳	נוכחי באתר	הערה
כותרת עמודה.col h4	3	14 קשיח	דברו איתנו (10) דגמי MAZDA (10) עזרים (5) אודות (5)
כפתור צ׳אט.chat-btn	6	16 קשיח	צ׳אט עם נציג (11)	בלבן, עם מסגרת.
פריט קשר.col-contact a	4	18 קשיח	אולמות התצוגה (12) שירות לקוחות (12) מייל (4)	3 פריטים עם אייקון.
פריט "דגמי MAZDA".col-models a	5	18 קשיח	MAZDA 2 (7) MAZDA3 HATCHBACK (16) MAZDA3 SEDAN (12) MAZDA CX-3 (10) MAZDA CX-30 (11) MAZDA CX-5 4X2 (14) MAZDA CX-5 4X4 (14) MAZDA 6 (7) MAZDA MX-5 (10)	9 דגמים — רשימה אנכית.
פריט "עזרים".col-tools a	4	18 קשיח	מחשבון מימון (12) אולמות תצוגה (12) מחירון (6) ביטוח (5) מהעיתנות (8)	5 פריטים.
פריט "אודות".col-about a	4	20 קשיח	מדיניות פרטית (13) תנאי שימוש (10) הצהרת נגישות (12) מפת אתר (7)	4 פריטים.
קרדיט mint.footer-credit	10	22 רך	< mint > Created By (20)	בתחתית.

SUMMARY

סיכום — שולחן עבודה מהיר

קומפוננטה	שדה מפתח	מינ׳	מקס׳
Header	פריט ניווט / כפתור	3	12–18
Submenu	גוף הודעה	20	90
Hero	כותרת עליונה	6	32
Hero	כותרת ראשית (כל שורה)	4	18
Hero	טקסט שוטף (lede)	40	140
Hero	כפתור	4	14
Hero	מחיר	5	9
Quick Strip	תווית פעולה	4	14
Quick Strip	תיאור משני	8	26
Showcase	שם דגם	4	16
Showcase	תת-כותרת	6	22
Showcase	החזר חודשי	3	6
Showcase	הערת אגרה	0	50
Coming Soon	תיאור השקה	6	32
Blog	כותרת H3	20	70
Blog	קטגוריה	4	16
Newsletter	כותרת H2	10	32
Newsletter	טקסט הסכמה	80	280
Footer	כותרת עמודה	3	14
Footer	קישור / פריט	4	18–20