Tessera

Tessera הוא יומן פסיפס יומי ייחודי. במקום לכתוב יומן ארוך, אתה מציב אריח אחד ביום — צבע, מילה, סמל ורגש — ולאט לאט נבנית תמונה של השנה שלך. דקה ביום. שנה שלמה של ויזואליה אישית.

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

שמונה פיצ׳רים מרכזיים:

1. הצבה יומית — אריח עם 9 צבעי טסרה (טרקוטה, ענבר, חול, ירקן, כחול, שזיף, ורד, עצם, פחם), 12 סמלים, 8 רגשות, מילה ותיאור קצר.
2. לוח פסיפס — שלוש תצוגות: שנה (53×7 grid כמו GitHub heatmap), חודש (calendar grid), שבוע (זום-אין).
3. תובנות עשירות — דונאט של חלוקת רגשות, בארים של פעילות לפי חודש, טבעת שנה דקורטיבית שבה עומק כל גזרה משקף צפיפות חודשית, וענן מילים חוזרות.
4. חיפוש וסינון — היסטוריה חיפושית עם פילטר לפי מילה/תיאור, רגש, או צבע.
5. 5 פלטות אווירה — טרקוטה (ברירת מחדל), חצות, שנהב, ירקן, אדום עתיק. כולן משנות את כל האפליקציה דינמית.
6. ייצוא תמונה — Canvas API מייצר תמונה גבוהת רזולוציה של הפסיפס השנתי עם סטטיסטיקות; Web Share API לשיתוף ישיר או הורדה.
7. ייצוא/ייבוא JSON — backup מלא של כל הנתונים בקובץ אחד.
8. רצף, שיא ואחוז שנה — מטריקות חיות עם sparkline של פעילות שבועית, וטבעת SVG מסתובבת לאחוז.

טכנולוגיות: Vanilla JavaScript ב-IIFE (אפס frameworks), IndexedDB multi-store (tiles + settings + meta עם 3 indexes), Service Worker עם cache-first revalidate, Manifest עם 3 גדלי icons (192 / 512 / maskable-512), SVG charts מותאמים אישית (donut, bars, year ring, sparklines).

עיצוב פרימיום:

• ‏3 תמונות codex ייעודיות — לוגו אריח טסרה תלת-ממדי שקוף, hero של פסיפס עתיק אטמוספרי עם תאורה דרמטית, ו-empty state של מסגרת ברונזה ריקה על שיש.
• ‏Typography של 4 משפחות: Frank Ruhl Libre (כותרות), Instrument Serif (טאצ׳ אקסנט מודגש), IBM Plex Mono (מספרים), Heebo (body).
• ‏Glassmorphic surfaces, 3 ambient orbs מרחפים, grain overlay, micro-interactions עם cubic-bezier spring (.34, 1.56, .64, 1).
• ‏Multi-view layout: top bar עם 3 actions, hero אטמוספרי 380px, composer split-screen, 4 stat cards עם sparkline/ring/pill, mosaic board עם 3 תצוגות, insights grid (4 כרטיסיות), history list, ו-floating FAB מרחף.
• ‏Tile rendering ריאליסטי עם inner shadow, noise overlay ו-radial gradient כדי להיראות כאריח ממש.
• ‏Responsive: 380 / 540 / 720 / 1080 breakpoints, mobile-first.

RTL Hebrew native — lang="he" dir="rtl" ברמת body, כל ה-UI בעברית, נומראציה ב-mono.

"מילה ביום. שנה שלמה של ויזואליה."