@nebutra/tokens 0.1.2 → 2.0.0

package/brands/notion/brand.json

@@ -13,9 +13,8 @@
     "quiet": "208 92% 95%",
     "quietForeground": "208 100% 44%",
     "muted": "208 92% 95%",
-    "mutedForeground": "0 0% 46%",
+    "mutedForeground": "0 0% 43%",
     "border": "30 5% 88%",
-    "input": "0 0% 100%",
     "ring": "208 100% 44%",
     "destructive": "7 92% 58%",
     "destructiveForeground": "0 0% 100%",
@@ -44,7 +43,6 @@
     "destructive": "7 92% 58%",
     "destructiveForeground": "0 0% 100%",
     "border": "30 5% 88%",
-    "input": "0 0% 100%",
     "ring": "208 100% 44%",
     "warning": "40 100% 53%",
     "warningForeground": "0 0% 0%",
@@ -72,91 +70,23 @@
   "typography": {
     "fontSans": "'NotionInter', 'Inter', ui-sans-serif, system-ui, sans-serif",
     "fontDisplay": "'NotionInter', 'Inter', ui-sans-serif, system-ui, sans-serif",
-    "headingWeight": 700,
-    "faces": [
-      {
-        "family": "NotionInter",
-        "src": [
-          {
-            "url": "https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": "100 900",
-        "display": "swap"
-      },
-      {
-        "family": "Lyon Text",
-        "src": [
-          {
-            "url": "/brand-assets/lyon-text-regular.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": 400,
-        "display": "swap"
-      }
-    ]
+    "headingWeight": 700
   },
-  "zones": {
-    "product": {
-      "caption": {
-        "fontSize": "12px",
-        "lineHeight": 1.33,
-        "fontWeight": 500,
-        "letterSpacing": "0.12px"
-      },
-      "bodySm": {
-        "fontSize": "14px",
-        "lineHeight": 1.43,
-        "fontWeight": 500
-      },
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.5,
-        "fontWeight": 400
-      },
-      "subheading": {
-        "fontSize": "20px",
-        "lineHeight": 1,
-        "fontWeight": 500
-      },
-      "headingSm": {
-        "fontSize": "22px",
-        "lineHeight": 1.27,
-        "fontWeight": 600,
-        "letterSpacing": "-0.242px"
-      },
-      "heading": {
-        "fontSize": "40px",
-        "lineHeight": 1.5,
-        "fontWeight": 600
-      }
-    },
-    "marketing": {
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.5,
-        "fontWeight": 400
-      },
-      "heading": {
-        "fontSize": "48px",
-        "lineHeight": 1.5,
-        "fontWeight": 700
-      },
-      "headingLg": {
-        "fontSize": "54px",
-        "lineHeight": 1.04,
-        "fontWeight": 700,
-        "letterSpacing": "-1.89px"
-      },
-      "display": {
-        "fontSize": "72px",
-        "lineHeight": 1.21,
-        "fontWeight": 700,
-        "letterSpacing": "-2.016px"
-      }
-    }
+  "motion": {
+    "easeOut": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+    "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "micro": 120,
+    "flow": 200,
+    "reveal": 280,
+    "cinematic": 460
+  },
+  "spacing": {
+    "xs": "0.625rem",
+    "sm": "1rem",
+    "md": "1.5rem",
+    "lg": "2rem",
+    "xl": "2.75rem",
+    "2xl": "3.75rem"
   },
   "extensions": {
     "categories": {
@@ -180,10 +110,10 @@
     "notes": [
       "roles.action = Notion Blue (only filled CTA). Accent hues are decorative card washes.",
       "roles.brand = Ink Black (logo / wordmark / text hierarchy via alpha).",
-      "Canvas = Paper Warmth; cards = Pure White — never invert.",
-      "Card elev=none + hairline border; sticky nav soft shadow → elevation raised slot.",
+      "Canvas = Paper Warmth; cards = Pure White \u2014 never invert.",
+      "Card elev=none + hairline border; sticky nav soft shadow \u2192 elevation raised slot.",
       "Buttons 8px, cards 12px, pills 9999px.",
-      "Lyon Text is editorial accent only — not product chrome UI."
+      "Lyon Text is editorial accent only \u2014 not product chrome UI."
     ]
   }
 }

package/brands/raycast/brand.json

@@ -21,7 +21,6 @@
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
     "border": "210 2% 19%",
-    "input": "220 8% 7%",
     "ring": "240 1% 61%",
     "success": "151 59% 59%",
     "successForeground": "210 20% 2%",
@@ -49,84 +48,24 @@
     "fontSans": "'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif",
     "fontMono": "'Geist Mono', 'GeistMono', ui-monospace, Menlo, monospace",
     "fontDisplay": "'Inter', ui-sans-serif, system-ui, sans-serif",
-    "headingWeight": 400,
-    "faces": [
-      {
-        "family": "Inter",
-        "src": [
-          {
-            "url": "https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": "100 900",
-        "display": "swap"
-      }
-    ]
+    "headingWeight": 400
   },
-  "zones": {
-    "product": {
-      "caption": {
-        "fontSize": "11px",
-        "lineHeight": 0.91,
-        "fontWeight": 500,
-        "letterSpacing": "0.8px"
-      },
-      "bodySm": {
-        "fontSize": "13px",
-        "lineHeight": 1.2,
-        "fontWeight": 500
-      },
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.15,
-        "fontWeight": 400
-      },
-      "bodyLg": {
-        "fontSize": "18px",
-        "lineHeight": 1.15,
-        "fontWeight": 400
-      },
-      "subheading": {
-        "fontSize": "20px",
-        "lineHeight": 1.2,
-        "fontWeight": 400,
-        "letterSpacing": "0.2px"
-      },
-      "headingSm": {
-        "fontSize": "24px",
-        "lineHeight": 1.15,
-        "fontWeight": 500
-      },
-      "heading": {
-        "fontSize": "32px",
-        "lineHeight": 1.15,
-        "fontWeight": 500
-      }
-    },
-    "marketing": {
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.15,
-        "fontWeight": 400
-      },
-      "heading": {
-        "fontSize": "32px",
-        "lineHeight": 1.15,
-        "fontWeight": 500
-      },
-      "headingLg": {
-        "fontSize": "56px",
-        "lineHeight": 1.17,
-        "fontWeight": 400,
-        "letterSpacing": "0.22px"
-      },
-      "display": {
-        "fontSize": "64px",
-        "lineHeight": 1.1,
-        "fontWeight": 600
-      }
-    }
+  "motion": {
+    "easeOut": "cubic-bezier(0.16, 1, 0.3, 1)",
+    "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "easeSpring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+    "micro": 90,
+    "flow": 160,
+    "reveal": 220,
+    "cinematic": 340
+  },
+  "spacing": {
+    "xs": "0.375rem",
+    "sm": "0.5rem",
+    "md": "0.75rem",
+    "lg": "1rem",
+    "xl": "1.375rem",
+    "2xl": "2rem"
   },
   "extensions": {
     "categories": {
@@ -137,7 +76,7 @@
     "sourceUrl": "https://raycast.com",
     "notes": [
       "Primary CTA = Mist fill + Iron text (neutral solid).",
-      "Coral Pulse is brand mark only — do not use for general product chrome CTAs.",
+      "Coral Pulse is brand mark only \u2014 do not use for general product chrome CTAs.",
       "Cards use elevation=key (keyboard-key inset shadow stack)."
     ]
   },
@@ -151,9 +90,8 @@
     "quiet": "220 5% 11%",
     "quietForeground": "0 0% 100%",
     "muted": "220 8% 7%",
-    "mutedForeground": "210 1% 42%",
+    "mutedForeground": "210 1% 48%",
     "border": "210 2% 19%",
-    "input": "220 8% 7%",
     "ring": "240 1% 61%",
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",

package/brands/stripe/brand.json

@@ -15,7 +15,6 @@
     "muted": "216 56% 98%",
     "mutedForeground": "217 17% 47%",
     "border": "210 44% 93%",
-    "input": "0 0% 100%",
     "ring": "248 98% 61%",
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
@@ -42,7 +41,6 @@
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
     "border": "210 44% 93%",
-    "input": "0 0% 100%",
     "ring": "248 98% 61%",
     "info": "231 100% 73%",
     "infoForeground": "211 78% 11%"
@@ -68,92 +66,23 @@
   "typography": {
     "fontSans": "'sohne-var', 'Inter Tight', 'Inter', ui-sans-serif, system-ui, sans-serif",
     "fontDisplay": "'sohne-var', 'Inter Tight', ui-sans-serif, system-ui, sans-serif",
-    "headingWeight": 300,
-    "faces": [
-      {
-        "family": "sohne-var",
-        "src": [
-          {
-            "url": "/brand-assets/sohne-var.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": "300 400",
-        "display": "swap"
-      }
-    ]
+    "headingWeight": 300
   },
-  "zones": {
-    "product": {
-      "caption": {
-        "fontSize": "12px",
-        "lineHeight": 1.45,
-        "fontWeight": 300,
-        "letterSpacing": "-0.12px"
-      },
-      "bodySm": {
-        "fontSize": "14px",
-        "lineHeight": 1.4,
-        "fontWeight": 400,
-        "letterSpacing": "-0.14px"
-      },
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.2,
-        "fontWeight": 400,
-        "letterSpacing": "-0.16px"
-      },
-      "bodyLg": {
-        "fontSize": "20px",
-        "lineHeight": 1.4,
-        "fontWeight": 300,
-        "letterSpacing": "-0.2px"
-      },
-      "subheading": {
-        "fontSize": "22px",
-        "lineHeight": 1.1,
-        "fontWeight": 300,
-        "letterSpacing": "-0.22px"
-      },
-      "headingSm": {
-        "fontSize": "26px",
-        "lineHeight": 1.12,
-        "fontWeight": 300,
-        "letterSpacing": "-0.26px"
-      },
-      "heading": {
-        "fontSize": "32px",
-        "lineHeight": 1.1,
-        "fontWeight": 300,
-        "letterSpacing": "-0.64px"
-      }
-    },
-    "marketing": {
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.4,
-        "fontWeight": 300,
-        "letterSpacing": "-0.16px"
-      },
-      "heading": {
-        "fontSize": "32px",
-        "lineHeight": 1.1,
-        "fontWeight": 300,
-        "letterSpacing": "-0.64px"
-      },
-      "headingLg": {
-        "fontSize": "48px",
-        "lineHeight": 1.03,
-        "fontWeight": 300,
-        "letterSpacing": "-0.96px"
-      },
-      "display": {
-        "fontSize": "56px",
-        "lineHeight": 1.03,
-        "fontWeight": 300,
-        "letterSpacing": "-1.4px"
-      }
-    }
+  "motion": {
+    "easeOut": "cubic-bezier(0.215, 0.61, 0.355, 1)",
+    "easeInOut": "cubic-bezier(0.645, 0.045, 0.355, 1)",
+    "micro": 100,
+    "flow": 180,
+    "reveal": 260,
+    "cinematic": 400
+  },
+  "spacing": {
+    "xs": "0.5rem",
+    "sm": "0.75rem",
+    "md": "1.125rem",
+    "lg": "1.75rem",
+    "xl": "2.25rem",
+    "2xl": "3.25rem"
   },
   "extensions": {
     "categories": {
@@ -174,7 +103,7 @@
     "sourceUrl": "https://stripe.com",
     "notes": [
       "roles.action = Indigo Ink filled CTA; roles.brand = Midnight Ink wordmark.",
-      "Elevation none — tint ladder + 1px frost rules; never box-shadow.",
+      "Elevation none \u2014 tint ladder + 1px frost rules; never box-shadow.",
       "Control radius 4px (not pill); tags may stay full-pill.",
       "Typography weight 300 is the product signature (Inter Tight substitute).",
       "Pair solid CTA with ghost outline (lavender border) as secondary."

package/brands/vanta/brand.json

@@ -15,7 +15,6 @@
     "muted": "240 20% 93%",
     "mutedForeground": "238 11% 48%",
     "border": "240 17% 11%",
-    "input": "0 0% 100%",
     "ring": "268 95% 39%",
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
@@ -44,7 +43,6 @@
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
     "border": "240 17% 11%",
-    "input": "0 0% 100%",
     "ring": "268 95% 39%",
     "warning": "44 100% 53%",
     "warningForeground": "240 17% 11%",
@@ -72,105 +70,23 @@
   "typography": {
     "fontSans": "'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif",
     "fontDisplay": "'Reckless', 'Source Serif 4', 'Lora', ui-serif, Georgia, serif",
-    "headingWeight": 500,
-    "faces": [
-      {
-        "family": "Inter Variable",
-        "src": [
-          {
-            "url": "https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": "100 900",
-        "display": "swap"
-      },
-      {
-        "family": "Reckless",
-        "src": [
-          {
-            "url": "/brand-assets/reckless-regular.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": 400,
-        "display": "swap"
-      },
-      {
-        "family": "Reckless",
-        "src": [
-          {
-            "url": "/brand-assets/reckless-medium.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": 500,
-        "display": "swap"
-      }
-    ]
+    "headingWeight": 500
   },
-  "zones": {
-    "product": {
-      "caption": {
-        "fontSize": "12px",
-        "lineHeight": 1.5,
-        "fontWeight": 500,
-        "letterSpacing": "-0.02px"
-      },
-      "bodySm": {
-        "fontSize": "14px",
-        "lineHeight": 1.43,
-        "fontWeight": 400,
-        "letterSpacing": "-0.02px"
-      },
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.5,
-        "fontWeight": 400,
-        "letterSpacing": "-0.02px"
-      },
-      "subheading": {
-        "fontSize": "20px",
-        "lineHeight": 1.4,
-        "fontWeight": 500
-      },
-      "headingSm": {
-        "fontSize": "24px",
-        "lineHeight": 1.35,
-        "fontWeight": 500
-      },
-      "heading": {
-        "fontSize": "32px",
-        "lineHeight": 1.3,
-        "fontWeight": 500
-      }
-    },
-    "marketing": {
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.5,
-        "fontWeight": 400,
-        "letterSpacing": "-0.02px"
-      },
-      "heading": {
-        "fontSize": "42px",
-        "lineHeight": 1.2,
-        "fontWeight": 400,
-        "letterSpacing": "-0.84px"
-      },
-      "headingLg": {
-        "fontSize": "56px",
-        "lineHeight": 1.15,
-        "fontWeight": 400,
-        "letterSpacing": "-1.12px"
-      },
-      "display": {
-        "fontSize": "90px",
-        "lineHeight": 1.1,
-        "fontWeight": 400,
-        "letterSpacing": "-1.62px"
-      }
-    }
+  "motion": {
+    "easeOut": "cubic-bezier(0.33, 1, 0.68, 1)",
+    "easeInOut": "cubic-bezier(0.37, 0, 0.63, 1)",
+    "micro": 120,
+    "flow": 240,
+    "reveal": 380,
+    "cinematic": 620
+  },
+  "spacing": {
+    "xs": "0.75rem",
+    "sm": "1.125rem",
+    "md": "1.75rem",
+    "lg": "2.5rem",
+    "xl": "3.5rem",
+    "2xl": "5rem"
   },
   "extensions": {
     "categories": {
@@ -189,7 +105,7 @@
     "notes": [
       "roles.action = Vivid Violet (filled CTA only).",
       "roles.brand = Indigo Ink (logo / wordmark / brand-mark).",
-      "Elevation none — 1px carbon borders frame cards; no drop-shadow.",
+      "Elevation none \u2014 1px carbon borders frame cards; no drop-shadow.",
       "Full-pill controls (999px); cards 16px.",
       "UI = Inter Variable; marketing display = Reckless serif.",
       "Lavender wash is marketing hero surface (decorative), not product chrome fill."

package/brands/vercel/brand.json

@@ -21,7 +21,6 @@
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",
     "border": "0 0% 92%",
-    "input": "0 0% 100%",
     "ring": "0 0% 9%",
     "success": "133 50% 32%",
     "successForeground": "0 0% 100%",
@@ -48,7 +47,6 @@
         "destructive": "0 72% 51%",
         "destructiveForeground": "0 0% 100%",
         "border": "0 0% 92%",
-        "input": "0 0% 100%",
         "ring": "0 0% 9%",
         "success": "133 50% 32%",
         "successForeground": "0 0% 100%",
@@ -75,7 +73,6 @@
         "destructive": "0 72% 51%",
         "destructiveForeground": "0 0% 100%",
         "border": "0 0% 16%",
-        "input": "0 0% 4%",
         "ring": "0 0% 100%",
         "success": "133 49% 40%",
         "successForeground": "0 0% 100%",
@@ -106,70 +103,23 @@
     "fontSans": "'Geist Sans', 'Geist', ui-sans-serif, system-ui, sans-serif",
     "fontMono": "'Geist Mono', ui-monospace, Menlo, monospace",
     "fontDisplay": "'Geist Sans', 'Geist', ui-sans-serif, system-ui, sans-serif",
-    "headingWeight": 450,
-    "faces": [
-      {
-        "family": "Geist Sans",
-        "src": [
-          {
-            "url": "https://cdn.jsdelivr.net/fontsource/fonts/geist-sans:vf@latest/latin-wght-normal.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": "100 900",
-        "display": "swap"
-      }
-    ]
+    "headingWeight": 450
   },
-  "zones": {
-    "product": {
-      "caption": {
-        "fontSize": "13px",
-        "lineHeight": 1.54,
-        "fontWeight": 400
-      },
-      "bodySm": {
-        "fontSize": "14px",
-        "lineHeight": 1.43,
-        "fontWeight": 400
-      },
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.5,
-        "fontWeight": 400
-      },
-      "heading": {
-        "fontSize": "30px",
-        "lineHeight": 1.1,
-        "fontWeight": 500,
-        "letterSpacing": "-1.5px"
-      }
-    },
-    "marketing": {
-      "body": {
-        "fontSize": "16px",
-        "lineHeight": 1.5,
-        "fontWeight": 400
-      },
-      "heading": {
-        "fontSize": "30px",
-        "lineHeight": 1.1,
-        "fontWeight": 450,
-        "letterSpacing": "-1.5px"
-      },
-      "headingLg": {
-        "fontSize": "56px",
-        "lineHeight": 1,
-        "fontWeight": 450,
-        "letterSpacing": "-3.36px"
-      },
-      "display": {
-        "fontSize": "64px",
-        "lineHeight": 1,
-        "fontWeight": 450,
-        "letterSpacing": "-3.84px"
-      }
-    }
+  "motion": {
+    "easeOut": "cubic-bezier(0, 0, 0.2, 1)",
+    "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "micro": 100,
+    "flow": 150,
+    "reveal": 200,
+    "cinematic": 300
+  },
+  "spacing": {
+    "xs": "0.5rem",
+    "sm": "0.75rem",
+    "md": "1rem",
+    "lg": "1.5rem",
+    "xl": "2rem",
+    "2xl": "3rem"
   },
   "extensions": {
     "categories": {
@@ -178,7 +128,7 @@
     },
     "sourceUrl": "https://vercel.com",
     "notes": [
-      "Dual-mode monochrome — light: Obsidian CTA; dark: white CTA on carbon.",
+      "Dual-mode monochrome \u2014 light: Obsidian CTA; dark: white CTA on carbon.",
       "Elevation is hairline double-ring, never drop-shadow.",
       "Spectrum/solar gradients are marketing-only decorative (not product chrome)."
     ]
@@ -195,7 +145,6 @@
     "muted": "0 0% 92%",
     "mutedForeground": "0 0% 40%",
     "border": "0 0% 92%",
-    "input": "0 0% 100%",
     "ring": "0 0% 9%",
     "destructive": "0 72% 51%",
     "destructiveForeground": "0 0% 100%",