DESIGN SYSTEM · v1.0

מדריך עיצוב
· zimmer365

כיוון אסתטי: ירוק-יער שקט עם מגע ענברי — בוטיק ישראלי יוקרתי, רגוע ומכובד, עם דגש על חיבור לטבע ואירוח אישי.

Frank Ruhl LibreRubik#1B4332#B67A35RTL HebrewWCAG AA

1. פלטת צבעים

ראשי (Brand)

Primary

#1B4332

--color-primary

Primary Mid

#2D6A4F

--color-primary-mid

Primary Light

#ECF5F0

--color-primary-light

Accent

#B67A35

--color-accent

Accent Light

#FDF3E7

--color-accent-light

ניטרלים (Neutrals)

#FAFAF7

--color-bg

Card

#FFFFFF

--color-card

Text

#1A1714

--color-text

Text Muted

#6B6560

--color-text-muted

Border

#E8E3DC

--color-border

2. טיפוגרפיה

Display · Frank Ruhl Libre 700 · 56px / lh 1.1

שביל השלווה

H1 · Frank Ruhl Libre 700 · 40px / lh 1.2

חופשה מושלמת בטבע

H2 · Frank Ruhl Libre 700 · 30px / lh 1.25

הזמנה ישירה מהבעלים

H3 · Rubik 600 · 20px / lh 1.4

ללא עמלות, ללא ביניים

H4 · Rubik 600 · 16px / lh 1.5

שירות אישי · מחיר ישיר · אישור מיידי

Body · Rubik 400 · 17px / lh 1.7

הזמנה דרך Airbnb עולה לכם 12–15% נוספים. כאן תשלמו ישירות לנו — ולא לאיש. קבלו אישור מיידי, שירות אישי, ומחיר שהוא המחיר.

Small · Rubik 400 · 13px / lh 1.6

פונט ראשי — Rubik

Regular 400

Medium 500

Semibold 600

Bold 700

פונט תצוגה — Frank Ruhl Libre

Regular 400

Bold 700

Black 900

3. ריווח

4px

8px

12px

16px

24px

32px

48px

64px

96px

סקציות מקבלות py-24 עד py-40 בדסקטופ.

4. רדיוסים וצללים

sm · 6px

md · 12px

lg · 16px

full

shadow-sm

shadow-md

shadow-xl

5. כפתורים

6. שדות קלט

שם מלא

אימייל *

שדה עם שגיאה

שדה חובה — יש להזין ערך תקין

הערות

בחר נכס

7. כרטיסים

שביל השלווה

צפון, ישראל

₪580 / לילההזמן

✓

אישור מיידי

ההזמנה מאושרת באופן אוטומטי ללא המתנה לבעל הנכס.

סיכום הזמנה

3 לילות × ₪580₪1,740

דמי ניקיון₪120

סה"כ₪1,860

8. תגיות

זמיןבוקינג ישירמומלץתפוסממתיןמאושר

9. ניווט

☰

zimmer365

שביל השלווה

🔍

ראשי

חייגו

החשבון

10. פוטר

zimmer365

שביל השלווה

הזמנה ישירה מהבעלים · ללא עמלות · שירות אישי

צרו קשר

058-7107112

info@zimmer365.co.il

מידע משפטי

תקנון ותנאי שימוש

מדיניות ביטולים

הצהרת נגישות

11. אנימציה ותנועה

UI micro (150ms)

hover, focus, active — שינויי מצב מיידיים

timing: ease-out

Transition (250ms)

פתיחת drawer, fade-in של מודל

timing: ease-out

Reveal (500ms)

כניסת אלמנטים לתצוגה בגלילה

timing: ease-out

כלל: prefers-reduced-motion

כל אנימציה עוטפת בבדיקת prefers-reduced-motion: reduce ומבטלת translate/scale — מאפשרת fade בלבד.

zimmer365 Design System · v1.0 · 2026