@nadav/tokens

Design Token System — 9 Brands, 701 Tokens, OKLCH Color Space

🎨 Color Primitives (13 Scales × 13 Steps = 169)

כל הצבעים ב-OKLCH — uniform perceptual spacing. Hover לראות ערך מדויק.

🏷️ Semantic Colors (Brand Theme)

צבעים עם משמעות — background, primary, destructive וכו'. כל ברנד מגדיר אחרת.

📂 Nav Categories (24 Colors — Mexicani Only)

24 צבעי קטגוריות נ‎avigate — כולם עם אותם L=0.65 ו-C=0.12 (perceptually balanced).

🖥️ UI Mockup (Live Token Preview)

הדמיה חיה של הטוקנים — סיידבר, כפתורים, כרטיסים, כותרות.

📐 Spacing Scale (8pt Grid + 4pt Nudge)

⬜ Radius Scale (11 Levels)

📦 Elevation (6 Levels + Glass)

🪟 Glass Effects (LiquidGlass-Grade)

Frosted glass tokens — blur, saturation, brightness, border.

🔤 Typography Scale (11 Fluid Sizes)

👆 State Layers (M3 Opacity System)

🎬 Motion Tokens (16 Durations + 7 Easings)

לחצו על הכדורים לראות את מהירות האנימציה.