@nebutra/tokens 0.1.3 → 3.0.0

package/brands/cosmos/refero-tokens.json

@@ -0,0 +1,312 @@
+{
+  "color": {
+    "linen-canvas": {
+      "$value": "#f7f5f3",
+      "$type": "color",
+      "$description": "Linen Canvas — Page background — warm off-white, never pure #ffffff at the root, gives the interface a paper-like, gallery-wall base"
+    },
+    "ink-black": {
+      "$value": "#0d0d0d",
+      "$type": "color",
+      "$description": "Ink Black — Dark supporting neutral for text, icons, and strong contrast. Do not promote it to the primary CTA color; Borders, dividers, outlined button strokes — used at low opacity to create subtle structural lines, always Ink Black rather than a separate gray"
+    },
+    "paper-white": {
+      "$value": "#ffffff",
+      "$type": "color",
+      "$description": "Paper White — Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color"
+    },
+    "stone": {
+      "$value": "#6e6a69",
+      "$type": "color",
+      "$description": "Stone — Body text, secondary icons, inactive UI — warm mid-gray for body copy and supporting metadata"
+    },
+    "pebble": {
+      "$value": "#9a9796",
+      "$type": "color",
+      "$description": "Pebble — Muted helper text, disabled states, tertiary icon strokes — lightest readable gray in the neutral ramp"
+    }
+  },
+  "font": {
+    "cosmosoracle": {
+      "$value": "cosmosOracle",
+      "$type": "fontFamily",
+      "$description": "Single custom face used for everything. Weight 350 is the signature — hero and display copy use this whisper-weight instead of the conventional 700, creating editorial calm. Weight 400 for body, weight 500 reserved for buttons and labels. Negative tracking scales with size: tightest (-0.05em) on the 74px display, opening to normal at 14px. The low line-heights on large sizes (0.80–1.10) hug the baseline tightly so headlines read as deliberate blocks, not airy paragraphs."
+    }
+  },
+  "typography": {
+    "sm": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "14px",
+        "fontWeight": 500,
+        "lineHeight": 1.29
+      },
+      "$type": "typography",
+      "$description": "Typography step sm at 14px"
+    },
+    "sm-2": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "14px",
+        "fontWeight": 400,
+        "lineHeight": 1.29
+      },
+      "$type": "typography",
+      "$description": "Typography step sm-2 at 14px"
+    },
+    "base": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "15px",
+        "fontWeight": 500,
+        "lineHeight": 1.2
+      },
+      "$type": "typography",
+      "$description": "Typography step base at 15px"
+    },
+    "base-2": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "16px",
+        "fontWeight": 400,
+        "lineHeight": 1.5
+      },
+      "$type": "typography",
+      "$description": "Typography step base-2 at 16px"
+    },
+    "base-3": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "16px",
+        "fontWeight": 500,
+        "lineHeight": 1.25
+      },
+      "$type": "typography",
+      "$description": "Typography step base-3 at 16px"
+    },
+    "base-4": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "16px",
+        "fontWeight": 400,
+        "lineHeight": 1.25
+      },
+      "$type": "typography",
+      "$description": "Typography step base-4 at 16px"
+    },
+    "base-5": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "16px",
+        "fontWeight": 400,
+        "lineHeight": 1
+      },
+      "$type": "typography",
+      "$description": "Typography step base-5 at 16px"
+    },
+    "lg": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "18px",
+        "fontWeight": 400,
+        "lineHeight": 1.5
+      },
+      "$type": "typography",
+      "$description": "Typography step lg at 18px"
+    },
+    "2xl": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "24px",
+        "fontWeight": 400,
+        "lineHeight": 0.8
+      },
+      "$type": "typography",
+      "$description": "Typography step 2xl at 24px"
+    },
+    "2xl-2": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "26px",
+        "fontWeight": 400,
+        "lineHeight": 1.2
+      },
+      "$type": "typography",
+      "$description": "Typography step 2xl-2 at 26px"
+    },
+    "2xl-3": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "26px",
+        "fontWeight": 400,
+        "lineHeight": 1
+      },
+      "$type": "typography",
+      "$description": "Typography step 2xl-3 at 26px"
+    },
+    "3xl": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "33px",
+        "fontWeight": 400,
+        "lineHeight": 1.06
+      },
+      "$type": "typography",
+      "$description": "Typography step 3xl at 33px"
+    },
+    "4xl": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "38px",
+        "fontWeight": 400,
+        "lineHeight": 1
+      },
+      "$type": "typography",
+      "$description": "Typography step 4xl at 38px"
+    },
+    "5xl": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "58px",
+        "fontWeight": 400,
+        "lineHeight": 1
+      },
+      "$type": "typography",
+      "$description": "Typography step 5xl at 58px"
+    },
+    "5xl-2": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "66px",
+        "fontWeight": 400,
+        "lineHeight": 1.08
+      },
+      "$type": "typography",
+      "$description": "Typography step 5xl-2 at 66px"
+    },
+    "5xl-3": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "66px",
+        "fontWeight": 400,
+        "lineHeight": 1.1
+      },
+      "$type": "typography",
+      "$description": "Typography step 5xl-3 at 66px"
+    },
+    "5xl-4": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "66px",
+        "fontWeight": 400,
+        "lineHeight": 1
+      },
+      "$type": "typography",
+      "$description": "Typography step 5xl-4 at 66px"
+    },
+    "5xl-5": {
+      "$value": {
+        "fontFamily": "cosmosOracle",
+        "fontSize": "74px",
+        "fontWeight": 350,
+        "lineHeight": 1
+      },
+      "$type": "typography",
+      "$description": "Typography step 5xl-5 at 74px"
+    }
+  },
+  "spacing": {
+    "4": {
+      "$value": "4px",
+      "$type": "dimension",
+      "$description": "Spacing 4px"
+    },
+    "8": {
+      "$value": "8px",
+      "$type": "dimension",
+      "$description": "Spacing 8px"
+    },
+    "16": {
+      "$value": "16px",
+      "$type": "dimension",
+      "$description": "Spacing 16px"
+    },
+    "20": {
+      "$value": "20px",
+      "$type": "dimension",
+      "$description": "Spacing 20px"
+    },
+    "24": {
+      "$value": "24px",
+      "$type": "dimension",
+      "$description": "Spacing 24px"
+    },
+    "32": {
+      "$value": "32px",
+      "$type": "dimension",
+      "$description": "Spacing 32px"
+    },
+    "40": {
+      "$value": "40px",
+      "$type": "dimension",
+      "$description": "Spacing 40px"
+    },
+    "48": {
+      "$value": "48px",
+      "$type": "dimension",
+      "$description": "Spacing 48px"
+    },
+    "72": {
+      "$value": "72px",
+      "$type": "dimension",
+      "$description": "Spacing 72px"
+    },
+    "200": {
+      "$value": "200px",
+      "$type": "dimension",
+      "$description": "Spacing 200px"
+    },
+    "unit": {
+      "$value": "4px",
+      "$type": "dimension",
+      "$description": "Base spacing unit"
+    }
+  },
+  "radius": {
+    "xl": {
+      "$value": "12px",
+      "$type": "dimension",
+      "$description": "Border radius xl"
+    },
+    "2xl": {
+      "$value": "16px",
+      "$type": "dimension",
+      "$description": "Border radius 2xl"
+    },
+    "2xl-2": {
+      "$value": "19px",
+      "$type": "dimension",
+      "$description": "Border radius 2xl-2"
+    }
+  },
+  "surface": {
+    "linen-canvas": {
+      "$value": "#f7f5f3",
+      "$type": "color",
+      "$description": "Surface level 0: Root page background, the gallery wall"
+    },
+    "paper-white": {
+      "$value": "#ffffff",
+      "$type": "color",
+      "$description": "Surface level 1: Cards, inputs, outlined buttons — the only elevated surface in the system"
+    }
+  },
+  "$extensions": {
+    "com.refero.extraction": {
+      "url": "https://cosmos.so",
+      "siteName": "Cosmos",
+      "extractedAt": "2026-06-03T17:19:29.348Z",
+      "variant": "extended"
+    }
+  }
+}

package/brands/gsap/brand.json

@@ -21,7 +21,6 @@
     "destructive": "309 100% 47%",
     "destructiveForeground": "54 100% 94%",
     "border": "70 5% 25%",
-    "input": "70 5% 25%",
     "ring": "137 92% 47%",
     "success": "137 92% 47%",
     "successForeground": "150 7% 6%",
@@ -50,31 +49,7 @@
   "typography": {
     "fontSans": "'Mori', 'Inter Tight', 'DM Sans', ui-sans-serif, system-ui, sans-serif",
     "fontDisplay": "'Mori', 'Inter Tight', ui-sans-serif, system-ui, sans-serif",
-    "headingWeight": 600,
-    "faces": [
-      {
-        "family": "Mori",
-        "src": [
-          {
-            "url": "/brand-assets/mori-regular.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": 400,
-        "display": "swap"
-      },
-      {
-        "family": "Mori",
-        "src": [
-          {
-            "url": "/brand-assets/mori-semibold.woff2",
-            "format": "woff2"
-          }
-        ],
-        "weight": 600,
-        "display": "swap"
-      }
-    ]
+    "headingWeight": 600
   },
   "motion": {
     "easeOut": "cubic-bezier(0.22, 1, 0.36, 1)",
@@ -121,7 +96,6 @@
     "muted": "0 0% 10%",
     "mutedForeground": "60 6% 46%",
     "border": "70 5% 25%",
-    "input": "70 5% 25%",
     "ring": "137 92% 47%",
     "destructive": "309 100% 47%",
     "destructiveForeground": "54 100% 94%",