@nebutra/tokens 0.1.2 → 0.1.3

package/brands/gsap/brand.json

@@ -76,68 +76,22 @@
       }
     ]
   },
-  "zones": {
-    "product": {
-      "caption": {
-        "fontSize": "14px",
-        "lineHeight": 1.4,
-        "fontWeight": 400,
-        "letterSpacing": "-0.14px"
-      },
-      "bodySm": {
-        "fontSize": "16px",
-        "lineHeight": 1.15,
-        "fontWeight": 400
-      },
-      "body": {
-        "fontSize": "19px",
-        "lineHeight": 1.15,
-        "fontWeight": 400
-      },
-      "bodyLg": {
-        "fontSize": "23px",
-        "lineHeight": 1.38,
-        "fontWeight": 400,
-        "letterSpacing": "-0.23px"
-      },
-      "subheading": {
-        "fontSize": "34px",
-        "lineHeight": 1.2,
-        "fontWeight": 400,
-        "letterSpacing": "-0.34px"
-      },
-      "heading": {
-        "fontSize": "44px",
-        "lineHeight": 1.2,
-        "fontWeight": 600,
-        "letterSpacing": "-0.44px"
-      }
-    },
-    "marketing": {
-      "body": {
-        "fontSize": "19px",
-        "lineHeight": 1.15,
-        "fontWeight": 400
-      },
-      "heading": {
-        "fontSize": "66px",
-        "lineHeight": 1.2,
-        "fontWeight": 600,
-        "letterSpacing": "-0.66px"
-      },
-      "headingLg": {
-        "fontSize": "101px",
-        "lineHeight": 1,
-        "fontWeight": 600,
-        "letterSpacing": "-1.11px"
-      },
-      "display": {
-        "fontSize": "224px",
-        "lineHeight": 0.9,
-        "fontWeight": 600,
-        "letterSpacing": "-4.48px"
-      }
-    }
+  "motion": {
+    "easeOut": "cubic-bezier(0.22, 1, 0.36, 1)",
+    "easeInOut": "cubic-bezier(0.65, 0, 0.35, 1)",
+    "easeSpring": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+    "micro": 120,
+    "flow": 250,
+    "reveal": 400,
+    "cinematic": 700
+  },
+  "spacing": {
+    "xs": "0.5rem",
+    "sm": "0.875rem",
+    "md": "1.25rem",
+    "lg": "1.75rem",
+    "xl": "2.5rem",
+    "2xl": "3.5rem"
   },
   "extensions": {
     "categories": {
@@ -152,8 +106,7 @@
     "sourceUrl": "https://gsap.com",
     "notes": [
       "Outline-first product controls; category colors are marketing extensions.",
-      "Replace typography.faces[].src with Create Center hosted font URLs.",
-      "Use data-zone=\"marketing\" for hero/display; product zone for app chrome."
+      "Replace typography.faces[].src with Create Center hosted font URLs."
     ]
   },
   "roles": {

package/brands/linear/brand.json

@@ -40,9 +40,9 @@
       "pill": "9999px"
     },
     "elevationTokens": {
-      "card": "var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05))",
-      "control": "var(--shadow-xs, 0 1px 2px 0 rgb(0 0 0 / 0.04))",
-      "raised": "var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1))"
+      "card": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+      "control": "0 1px 2px 0 rgb(0 0 0 / 0.04)",
+      "raised": "0 4px 6px -1px rgb(0 0 0 / 0.1)"
     }
   },
   "typography": {
@@ -63,60 +63,21 @@
       }
     ]
   },
-  "zones": {
-    "product": {
-      "caption": {
-        "fontSize": "13px",
-        "lineHeight": 1.2,
-        "fontWeight": 400
-      },
-      "bodySm": {
-        "fontSize": "14px",
-        "lineHeight": 1.5,
-        "fontWeight": 400
-      },
-      "body": {
-        "fontSize": "14px",
-        "lineHeight": 1.5,
-        "fontWeight": 400
-      },
-      "bodyLg": {
-        "fontSize": "16px",
-        "lineHeight": 1.5,
-        "fontWeight": 400
-      },
-      "heading": {
-        "fontSize": "24px",
-        "lineHeight": 1.25,
-        "fontWeight": 510,
-        "letterSpacing": "-0.012em"
-      },
-      "display": {
-        "fontSize": "32px",
-        "lineHeight": 1.15,
-        "fontWeight": 510,
-        "letterSpacing": "-0.022em"
-      }
-    },
-    "marketing": {
-      "body": {
-        "fontSize": "15px",
-        "lineHeight": 1.6,
-        "fontWeight": 400
-      },
-      "heading": {
-        "fontSize": "48px",
-        "lineHeight": 1,
-        "fontWeight": 510,
-        "letterSpacing": "-0.022em"
-      },
-      "display": {
-        "fontSize": "72px",
-        "lineHeight": 1,
-        "fontWeight": 510,
-        "letterSpacing": "-0.022em"
-      }
-    }
+  "motion": {
+    "easeOut": "cubic-bezier(0.16, 1, 0.3, 1)",
+    "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+    "micro": 80,
+    "flow": 140,
+    "reveal": 200,
+    "cinematic": 320
+  },
+  "spacing": {
+    "xs": "0.375rem",
+    "sm": "0.5rem",
+    "md": "0.75rem",
+    "lg": "1rem",
+    "xl": "1.5rem",
+    "2xl": "2rem"
   },
   "extensions": {
     "sourceUrl": "https://linear.app",

package/brands/notion/brand.json

@@ -98,65 +98,21 @@
       }
     ]
   },
-  "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 +136,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

@@ -64,69 +64,22 @@
       }
     ]
   },
-  "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 +90,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)."
     ]
   },

package/brands/stripe/brand.json

@@ -83,77 +83,21 @@
       }
     ]
   },
-  "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 +118,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

@@ -109,68 +109,21 @@
       }
     ]
   },
-  "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 +142,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

@@ -121,55 +121,21 @@
       }
     ]
   },
-  "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 +144,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)."
     ]