# סיכום סשן — 0057
תאריך: 2026-06-15
אפליקציה: Design (כלל-אקוסיסטם)
נושא: שפת עיצוב חדשה + מערכת עיצוב

## הרקע
המשתמש הצהיר שהוא לא מרוצה מהעיצוב/השפה הגרפית של כל האקוסיסטם ורוצה להתחיל מאפס, אבל לא מבין UI/UX. הקמנו תהליך: פורום עיצוב (פאנל יועצים) → מיפוי טעם → בחירת קומפוננטות → מערכת עיצוב.

## מה נבנה/הושלם
1. **פורום עיצוב** (סקיל `design-forum`): 4 לנסים מקצועיים (חוקר UX/UI · מעצב UI/UX · מעצב גרפי · מנהל מיתוג) + 10 אדריכלי-לקוח (בהשראת Foster/Zaha/BIG/OMA/Herzog&deMeuron/Snøhetta/Chipperfield/Kuma/Ando/MAD). הורצו 5 סוכני מחקר אמיתיים (web). תוצר: `Design\Design-Forum\forum-session-001.html` + 10 אתרי השראה.
2. **כלי דירוג** (סקיל `rating-picker`): `taste-map` (מיפוי טעם 49 פרמטרים) + `component-picker` (בחירת וריאציות). מנוע JS: שמירה-במקום (File System Access API) + #pick-scores מוטמע + localStorage + רישום במוניטור edit-watch → קריאה-בחזרה.
3. **כיוון נעול:** "גיליון שרטוט אדריכלי" — בהיר, דיו על נייר, אקסנט חימר. נבע מסקיצות לה-קורבוזיה/Villa Savoye של המשתמש עצמו (`Design\refrences skeches\`).
4. **ספריית ליבה** (`Design\Design-Forum\component-library\`): button · input (ממולא+קו) · list-row (אינדקס ממוספר) · chip (פיל מתאר) · card ("נשרט בריחוף" — דינמי).
5. **מערכת עיצוב מלאה:** tokens.json (מקור-אמת) → vitruvius-ds.css + vitruvius-ds.js + vit_design_tokens.dart.
6. **הלבשה:** vitruvius-hub.html + 3 רשומות + מסך-רפרנס findings.

## החלטות שהתקבלו (+ סיבה)
- **כיוון = גיליון שרטוט בהיר, לא מודרניזם כהה.** המשתמש דחה את הכהה כ"גנרי/AI slop". האמת נמצאה מהרפרנסים שלו עצמו (עיפרון על נייר לבן).
- **אקסנט = הכתום של Claude** (`#D97757`). קוהרנטי: טרהקוטה של Polychromie של לה-קורבוזיה + מחווה ל-Claude + יושב על נייר חם.
- **אינטראקציה = סקיצה→רפידוגרף.** רעיון המשתמש: כפתור שמספר את תהליך התכנון (יד→סרגל→מחשב). VP/פרספקטיבה נדחה (ניסינו, המשתמש דחה).
- **היררכיה במנוחה, לא רק ב-hover.** המשתמש: "הכל נראה אותו דבר, אין היררכיה, לא מקצועי, צריך להפעיל את המשתמש". → CTA חימר מלא (FAB) + פתוחים בחימר + טופל נסוג.
- **CTA ראשי = "+ ממצא חדש" כ-FAB** (לא "סיים סיור"), ו"לא רק כפתור כתום" → FAB מורם עם צל + "+" משורטט.
- **CSS ישן נשאר רק לתרשימי VIT.** המוצרים עוברים ל-vitruvius-ds.css.

## בעיות שנפתרו (סאגת ה-hover, ~9 איטרציות על הכפתור)
- "שחור לפני הכתום ב-hover": הסיבה הסופית — שטח הכפתור **שקוף** והרקע הכהה של מארח claude.ai מבצבץ. **תיקון: כל קומפוננטה חייבת רקע נייר אטום `#F2EEE4 !important`.** (אבחנת המשתמש קלעה.)
- `<button>` מול host: ל-claude.ai יש `button:hover` עם specificity גבוה שדרס את הרקע → **להשתמש ב-`<div role=button>`** + לכפות רקע.
- "המסגרת נעלמת ב-hover": אל תשהה את ה-precise — crossfade מיידי (.12s).
- "preview_screenshot תמיד תופס מצב סופי" + standalone preview חסר את ה-CSS של המארח → לאבחן באגי-hover ע"י היגיון על CSS המארח, לא רק repro. (eval מאמת DOM/computed-style היכן שצילום נכשל.)
- מטמון דפדפן ב-preview הציג גרסה כהה ישנה של הרשומות; cache-bust אימת שהקבצים בהירים נכון.

## מה לא עבד / להיזהר
- אל תוסיף פרטים שלא סומנו (caret/VP) — המשתמש מבחין מיד ("זה לא מה שסימנתי").
- אל תסמוך על preview_screenshot לאנימציות/transients — תקוע/תופס סוף בלבד.
- עברית ב-IBM Plex Mono = מכוער. עברית = תמיד Heebo; mono = קודים לטיניים בלבד.

## קבצים שנוצרו/שונו
- חדשים: `Design\vitruvius-tokens.json` · `Design\vitruvius-ds.css` · `Design\vitruvius-ds.js` · `Design\vit_design_tokens.dart`
- חדשים: `Design\Design-Forum\forum-session-001.html` · `taste-map-001/002.html` · `vitruvius-tokens-draft.json` · `component-picker\component-picker(-002).html` · `component-library\{button,input,list-row,chip,card}.html` · `screens\vitsitereport-findings.html`
- שונו (הולבשו): `vitruvius-hub.html` (ישן→`OLD\`) · `Sessions\sessions-index.html` · `Skills\skills-registry.html` · `MCP\mcp-registry.html`
- סקילים: `~\.claude\skills\design-forum\` + `rating-picker\` (+ עותקי source ב-`Skills\`) + עדכון skills-registry (md+html)
- זיכרון: `design-forum.md` (עודכן לכיוון האמיתי + מערכת נשלחה)

## הצעד הבא
להחיל בתוך VitSiteReport (Flutter): גופנים ל-pubspec → `vit_design_tokens.dart` ל-lib\theme\ → `vitLightTheme()` → הלבשת מסך ממצאים לפי הרפרנס. זו ההוכחה ש-DS עובד גם בקוד-מוצר, לא רק ב-HTML.