צבעי מותג
צבעים ראשיים — נדגמו ב-pixel sampling מקבצי ה-PNG של המעצב
ירוק כהה
#205b3b
--color-primary
ירוק בינוני
#588164
--color-primary-mid
קרם
#f9efdc
--color-cream
קרם כהה
#e9dcca
--color-cream-alt
כחול בהיר
#cce0ea
--color-light-blue
ורוד עדין
#f9cfdc
--color-just-right
סגול
#6055ce
--color-accent-purple
סגול בינוני
#6454d2
--color-accent-purple-mid
כחול-סגול
#5555D9
--color-accent-blue
צבעי סטטוס
7 סטטוסים — בשימוש בתגיות, ברצועות כרטיס ובאינדיקטורים
HOT
#ff3ba7
--color-status-hot
בטיפול
#2D6B5F
--color-status-active
ממתין
#6B5DD9
--color-status-pending
נשלח
#588164
--color-status-sent
סגור
#9ca3af
--color-status-closed
פנייה חדשה
#5555D9
--color-status-new
אושר
#205b3b
--color-status-approved
כינויים סמנטיים
משתני CSS שמתייחסים לצבעי המותג לפי תפקיד
| טוקן | ערך | שימוש |
|---|---|---|
--bg-page |
color-cream-alt |
רקע עמוד רגיל |
--bg-header |
color-primary |
רקע topbar ומסכי סיכום |
--bg-card |
color-cream |
רקע כרטיסים |
--text-dark |
color-primary |
טקסט ראשי על רקע בהיר |
--text-light |
color-cream |
טקסט על רקע כהה |
--text-muted |
#5a7a6a |
טקסט משני, תיאורים |
סולם גופנים
Noto Sans Hebrew — 400, 500, 600, 700 — בשילוב עברית + לטינית
2xl — כותרת ראשית (36px)
xl — כותרת משנה (28px)
lg — כותרת סקשן (22px)
md — כותרת כרטיס (17px)
base — גוף טקסט (15px)
sm — טקסט תמיכה (13px)
xs — תגיות, מטא-מידע (11px)