מה השתנה
שלוש ההחלטות שמייצרות את ההפרש החזותי בין Kahal המקורי ל-Refined. הכל אחר ננגר סביבן.
צבע אחד, לא שש
המקורי הציע 6 צבעי-CTA סמנטיים. ה-Refined משאיר תכלת-נייבי אחד מהלוגו, ומשתמש בצבעי-מצב (ירוק/אדום) רק לסטטוס — לא ל-CTA.
קווים, לא צללים
כרטיסים עם border דק (slate-200) במקום drop-shadow כבד. הצל מופיע רק בריחוף — המוצר נראה מסודר, לא נופל.
תפריט מותאם, לא של הדפדפן
כל <select> הוחלף ב-dropdown מותאם עם chevron מסתובב, hover מעוצב, ופריט נבחר ב-tint.
- 6 צבעי CTA סמנטיים (ירוק/סגול/כתום/מג'נטה/טורקיז/כחול)
- צל דו-שכבתי על כל כרטיס, רדיוס 18–22px
- Heebo 800–900 לכותרות (מרגיש display)
- Select מערכתי של הדפדפן
- רקע שמיים רווי
- אריחי-אייקון בששה צבעים
- אקסנט יחיד: תכלת-נייבי מהלוגו (#1E3A8A)
- קווים דקים (slate-200), צל רק בהנפה
- Heebo 700 ceiling — קריא, לא ראוותני
- Dropdown מותאם, ARIA נכון, chevron מסתובב
- רקע שמיים מעודן — שומר על הסיגנייצ'ר, פחות צעקני
- אריח-אייקון אחד ב-tint תכלת או דיו
סולם טיפוגרפי
Heebo בלבד, משקל מרבי 700. גוף 15px, line-height 1.6. ה-letter-spacing נקבע אופטית.
פלטה — Tekhelet Restraint
סולם דיו slate, אקסנט יחיד תכלת-נייבי, וצבעי-מצב מאופקים. צבע ה-cyan מהלוגו נשמר ככלי דקורטיבי בלבד.
שלושה גוונים נוספים שמצטרפים לתכלת ויוצרים פלטה מתוכננת של 4 צבעים. כל אחד נושא משמעות סמנטית: סייג' לתרומות וחסד, אמבר לזמנים קדושים (תפילות, שיעורים), ציאן למידע מערכת. נשמרים כצבעי משטח, badges, kickers, avatars — לעולם לא ב-CTA.
תרומה / חסד
תפילות / שיעורים
מערכת / סטטוס
מצטרפים ל-Primary (תכלת-נייבי). 4 צבעים בסך הכל. CTAs נשארים navy יחיד.
Kollmi · KollmiShul · KollmiGabay
הלוגו הראשי הוא הקובץ הרשמי. סולם הגדלים מוצק, ו-variants מותאמים בכחול-עמוק עם cyan דקורטיבי.
72px
48px
28px
22px · inline
כפתורים
ארבעה variants: ראשי (תכלת), משני (outline), רפאים (transparent), הרסני (אדום מאופק). אין צבעים סמנטיים שונים לפעולות שונות.
שדות וטפסים
חד פעמי או חודשי — בחירה למטה
לא נראה כמו כתובת תקינה
Dropdown מותאם
החלפת <select> המערכתי. chevron מסתובב 180° בפתיחה, פריט נבחר מודגש ב-tint, hover עדין, כותרות-קבוצה, ARIA-נכון.
הסתכלו על ה-chevron בלחיצה — סובב חלק 180°. הפריט הנבחר מקבל check-mark + tint.
בגרסה אמיתית, ה-trigger יחזיר את הפוקוס לעצמו אחרי הסגירה (כללי WAI-ARIA listbox).
לשוניות
קו תחתון, אקסנט אחד. בלי "pill בתוך pill" כפול.
אריחי-אייקון
סגנון אחד — tint תכלת על רקע faint. וריאציות: מוצק (solid) לפעולה מובהקת, דיו לסטטוס/הגדרות.
משטחים
קו בורדר דק במקום צל. הצל מופיע רק בריחוף (hover variant).
דרך התורה
בני ברק · נוסח אשכנז
בית הכנסת שלי
ריחפו לראות את ההנפה
דף יומי
שיעור · 20 דק'
Categorical info-cards · color carries meaning
מנחה
13:15
דף יומי
20:30
12 חברים
4,820₪
תקין
99.9%
רשימה
קומפקטי, אייקון בקו (לא tile מלא), hover בורדר וצבע. מתאים לדפי הגדרות וחיפושים.
תגיות ופרופיל
Tekhelet · Sage · Amber · Cyan — מקבילים לפלטה הקטגוריאלית; לא רנדומליים.
Sparklines
הפלטה הקטגוריאלית מתרחבת ל-data viz: כל מטריקה מקבלת את הגוון הסמנטי שלה. tekhelet=נוכחות, sage=תרומות, amber=שיעורים. אין עוד צבעים בגרפים — שלושת הגוונים מספיקים לרוב לוחות-הבקרה.
הודעות מערכת ומודאלים
להסיר את החבר?
דוד הכהן יוסר מרשימת חברי בית הכנסת. ההיסטוריה הכספית והיזכורים יישמרו, אבל הוא לא יוכל להתחבר יותר.
היסטוריית תשלומים
| תאריך | סוג | סטטוס | סכום |
|---|---|---|---|
| 15/11/2026 | דמי חבר | שולם | 200₪ |
| 15/10/2026 | דמי חבר | שולם | 200₪ |
| 10/12/2026 | תרומה · יד שרה | שולם | 100₪ |
| 05/11/2026 | תרומה · קופת העיר | ממתין | 180₪ |
| סה"כ | 680₪ |
תצוגת מובייל בקטלוג
המוצר נצרך בעיקר במובייל. המסגרות הבאות מראות איך הרכיבים מתאספים למסך אמיתי בסגנון Refined.
ברוך הבא Yossi Yhezkel
מאגר המידע היהודי
Direction D · Refined · Phase 0a · Component catalog only · One accent, hairline borders, custom dropdown.