קטלוג מערכת העיצובכל רכיב נמשך מ-tokens.css · אם משהו נראה שגוי, הטוקן שגוי
קטלוג מערכת העיצובעמוד יחיד שמראה את שפת העיצוב בפעולה · מהיסודות (צבע, טיפוגרפיה) דרך רכיבי המפה ועד עולם ה-Cuppon (פרק 10): כרטיס קופון, מסך מימוש, סורק מצלמה, דשבורד סוחר ומד השקה · המשטחים שה-UI kits מרנדרים רק ב-React. teal מבנה, כתום פעולה, רקע רך לעולם לא לבן טהור. הכל נמשך מ-tokens.css; הקאנון המלא ב-DESIGN.md.
teal = מבנה, כתום = פעולה. במסך אחד, כתום מופיע רק על מה שמזמין נגיעה.
Ploni בפרודקשן (מוטמע, אופליין), Heebo ל-prototyping וקטלוג. line-height 1.5 לגוף, letter-spacing תמיד normal על עברית.
בסיס 4px: 4 · 8 · 12 · 16 · 24 · 32 · 48. לעולם לא ערכים שרירותיים.
CTA ראשי כתום, רוחב מלא בתחתית, גובה 52px · יד אחת עם שקית קניות. יעד מגע לעולם לא מתחת ל-44px.
הרכיבים החתומים: כרטיס עסק, כרטיס הוראת ניווט ("מצב מדריך"), ופינים שנוחתים ב-stagger.
משפחת ה-Cuppon: מה שהלקוח מממש. ירוק = הצלחה, כתום = פעולה. אופליין-פירסט, Ploni מוטמע.
auto-approve כברירת מחדל. רק חריגה מסומנת (אמבר), שגרה לעולם לא נעצרת.
זוהה דפוס חוזר של device_fingerprint בטווח קצר. סומן לבדיקה, שאר המימושים נשארים auto-approved.
מד גרעין ההשקה: 12 מייסדים = סף עלייה לאוויר, ואז ל-20.
התנועה היא האיכות הנתפסת. כל תנועה משרתת הבנה או תחושת חיות · לעולם לא קישוט. מכבד prefers-reduced-motion.
scale 1.0 → 1.08 → 1.0. מושך עין בלי לצעוק.
גלול חזרה לסעיף המפה ולחץ "הרץ שוב". פינים נוחתים בזה אחר זה · לא בבת אחת.
נחיתת מצלמה קולנועית (flyTo · pitch 45° · <5 שניות) חיה במפה עצמה · Mapbox. כאן מתועדת, לא מודגמת.
מקומי שמכיר את השוק, לא אפליקציה תאגידית. ישיר, חם, קצת חצוף. הוראות תמיד יחסית לעסק אמיתי.
| חיפוש ריק | חפשו עסק או הקישו על נקודה במפה |
| הוראת ניווט | פנה ימינה אחרי בורקס רמלה |
| הגעה ליעד | הגעתם! ברוכים הבאים למרציפן |
| מימוש הצליח | ההנחה מומשה! חסכת 5.80 ₪ |
| סטטוס | פתוח עכשיו · 06:00–19:00 |
| מכירה · למה עכשיו | מחיר המייסד ננעל היום. בעוד חצי שנה הוא כבר לא על השולחן. |