{
  "$generatedBy": "BrandSweets tokens.json — framer v2",
  "brand": {
    "slug": "framer",
    "name": "Framer",
    "version": 2,
    "schemaVersion": "1"
  },
  "identity": {
    "name": "Framer",
    "tagline": "The web builder loved by designers.",
    "sector": "design tools / website builder"
  },
  "colors": {
    "primary": {
      "hex": "#0055ff",
      "name": "Framer Blue",
      "usage": "The electric blue — primary CTAs, links, brand highlights.",
      "scale": {
        "50": "#e6efff",
        "100": "#cddfff",
        "200": "#99bfff",
        "300": "#669eff",
        "400": "#337eff",
        "500": "#0055ff",
        "600": "#0045d1",
        "700": "#0037a4",
        "800": "#002b82",
        "900": "#00246b",
        "950": "#00133b"
      }
    },
    "surface": {
      "hex": "#ffffff",
      "name": "White",
      "usage": "High-key white canvas; dark mode is near-black.",
      "scale": {
        "50": "#ffffff",
        "100": "#f5f5f5",
        "200": "#e5e5e5",
        "300": "#d4d4d4",
        "400": "#a3a3a3",
        "500": "#737373",
        "600": "#525252",
        "700": "#404040",
        "800": "#262626",
        "900": "#171717",
        "950": "#0a0a0a"
      },
      "dark": {
        "hex": "#0a0a0a"
      }
    },
    "text": {
      "hex": "#0a0a0a",
      "name": "Black",
      "usage": "Body and heading text on white; near-white on dark.",
      "scale": {
        "50": "#fafafa",
        "100": "#ededed",
        "200": "#d1d1d1",
        "300": "#a8a8a8",
        "400": "#7a7a7a",
        "500": "#575757",
        "600": "#3f3f3f",
        "700": "#2e2e2e",
        "800": "#1c1c1c",
        "900": "#121212",
        "950": "#0a0a0a"
      },
      "dark": {
        "hex": "#fafafa"
      }
    }
  },
  "typography": {
    "families": {
      "inter": {
        "family": "Inter",
        "source": "google",
        "stack": "Inter, system-ui, sans-serif",
        "weights": [
          400,
          500,
          600,
          700
        ],
        "foundry": "Rasmus Andersson",
        "licensingNote": "Inter (SIL OFL) — safe to self-host. Used as a variable font."
      }
    },
    "roles": {
      "display": {
        "familyRef": "inter",
        "stack": "Inter, system-ui, sans-serif",
        "weights": [
          600,
          700
        ],
        "note": "Set tight with negative tracking for headlines."
      },
      "heading": {
        "familyRef": "inter",
        "stack": "Inter, system-ui, sans-serif",
        "weights": [
          500,
          600
        ]
      },
      "body": {
        "familyRef": "inter",
        "stack": "Inter, system-ui, sans-serif",
        "weights": [
          400,
          500
        ]
      }
    },
    "scale": [
      {
        "name": "xs",
        "sizeRem": 0.75,
        "lineHeight": 1.5
      },
      {
        "name": "sm",
        "sizeRem": 0.875,
        "lineHeight": 1.5
      },
      {
        "name": "base",
        "sizeRem": 1,
        "lineHeight": 1.5
      },
      {
        "name": "lg",
        "sizeRem": 1.25,
        "lineHeight": 1.35
      },
      {
        "name": "xl",
        "sizeRem": 1.75,
        "lineHeight": 1.15,
        "letterSpacingEm": -0.02
      },
      {
        "name": "display",
        "sizeRem": 3.5,
        "lineHeight": 1,
        "letterSpacingEm": -0.035
      }
    ]
  },
  "radius": {
    "full": 9999,
    "lg": 1,
    "md": 0.625,
    "sm": 0.375
  },
  "shadows": {
    "lg": "0 24px 60px rgba(10,10,10,0.16)",
    "sm": "0 1px 3px rgba(10,10,10,0.10)"
  }
}