Vellum הוא יומן קריאה אישי שלא מתיימר להיות עוד tracker. זווית ייחודית: ההתמדה היומיומית הקטנה — לא תחרות, לא ספירת ספרים בולמוסית. רק העמודים השקטים שמצטברים לחיי קריאה שלמים.
6+ פיצ'רים בולטים:
- תיעוד דפים יומי — counter אינטראקטיבי עם +/− ו-presets (5/10/20/50), בחירת ספר פעיל, וטיפול אוטומטי בסגירת ספר כשמגיעים לדף האחרון.
- טבעת רצף + מפת חום 90 ימים — streak ring SVG מסביב למספר הימים הרצופים, ו-91 cells בגריד חם המציגים את עוצמת הקריאה ב-3 חודשים אחרונים (5 רמות עוצמה).
- Sparkline 30 יום — קו SVG עם gradient area תחתון להמחשת הקצב היומי, נקודות בולטות בכל יום שיש בו קריאה.
- ספרייה רב-מצבית — מדף "קוראים / סיימת / רוצה לקרוא" עם seg-control, כרטיסי ספרים עם progress bar, דירוג כוכבים, ומחווני סטטוס בקצוות.
- מודאל תובנות מפורט — bar chart 12 חודשים, big stats grid, רשימת ספרים שסיימת עם דירוגים, ממוצע דירוג, וסה״כ דפים שנקראו.
- חיזוי קצב אישי — מחשב את ה-ETA לסיום הספר הנוכחי בהתבסס על ממוצע הקריאה היומי, ומציג את התאריך הצפוי בעברית.
- 5 גוונים מבטא — oxblood / gold / navy / rose / jade, מוחל מיד דרך data-attribute על body.
- ייצוא Markdown ו-Web Share API — סיכום הקריאה ניתן לייצוא כקובץ .md מובנה, או לשיתוף דרך share-sheet מקורי / clipboard fallback.
טכנולוגיות:
- IndexedDB עם 3 stores נפרדים:
books,sessions,settings(multi-store, indexes על status / updatedAt / date / bookId) - Service Worker עם cache-first revalidate (CORE pre-cache בהתקנה, runtime caching של GET)
- Manifest מלא: 3 icon sizes (192 / 512 / maskable-512), categories, lang/dir, scope
- SVG charts ידניים: streak ring (stroke-dasharray), donut (יעד יומי), heatmap grid, sparkline (path + area + dots)
- Vanilla JS ב-IIFE, אופליין-פירסט, אין שרת, RTL native
עיצוב פרימיום:
- 3 תמונות codex ייחודיות: לוגו (ספר עתיק פתוח עם נוצה וקונסטלציה), hero (פינת קריאה אטמוספרית בדמדומים עם מנורה וכוס תה), empty state (מדף ספרים עם זרזיר נייר וסרט oxblood)
- Palette ייחודי: parchment-bone / ink-navy / oxblood / dusty-gold / jade
- Typography hierarchy: Frank Ruhl Libre לכותרות, IBM Plex Mono ל-numbers, Instrument Serif לאקסנטים נטוי, Heebo body
- Glassmorphic surfaces, ambient orbs מרחפים, motes חלקיקיות עולים, grain noise
- Micro-interactions: cubic-bezier spring על FAB/buttons, ring-fill transitions, hover lift על book-cards
