{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for Wise-Inspired",
  "meta": {
    "name": "Wise-Inspired",
    "description": "An inspired interpretation of Wise's design language — a global money-transfer brand whose surface combines an unusually heavy near-black display sans (weight 900 at 64–126 px) with a vivid lime-green brand accent, sage-tinted surface neutrals, and rounded white cards on a pale green-tinted canvas; the whole system reads more like a Scandinavian fintech magazine than a bank.",
    "theme": "light"
  },
  "color": {
    "primary": {
      "$value": "#9fe870",
      "$type": "color",
      "$description": "Use for the primary role."
    },
    "on-primary": {
      "$value": "#0e0f0c",
      "$type": "color",
      "$description": "Use for the on primary role."
    },
    "primary-active": {
      "$value": "#cdffad",
      "$type": "color",
      "$description": "Use for the primary active role."
    },
    "primary-neutral": {
      "$value": "#c5edab",
      "$type": "color",
      "$description": "Use for the primary neutral role."
    },
    "primary-pale": {
      "$value": "#e2f6d5",
      "$type": "color",
      "$description": "Use for the primary pale role."
    },
    "ink": {
      "$value": "#0e0f0c",
      "$type": "color",
      "$description": "Use for the ink role."
    },
    "ink-deep": {
      "$value": "#163300",
      "$type": "color",
      "$description": "Use for the ink deep role."
    },
    "body": {
      "$value": "#454745",
      "$type": "color",
      "$description": "Use for the body role."
    },
    "mute": {
      "$value": "#868685",
      "$type": "color",
      "$description": "Use for the mute role."
    },
    "canvas": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the canvas role."
    },
    "canvas-soft": {
      "$value": "#e8ebe6",
      "$type": "color",
      "$description": "Use for the canvas soft role."
    },
    "positive": {
      "$value": "#2ead4b",
      "$type": "color",
      "$description": "Use for the positive role."
    },
    "positive-deep": {
      "$value": "#054d28",
      "$type": "color",
      "$description": "Use for the positive deep role."
    },
    "warning": {
      "$value": "#ffd11a",
      "$type": "color",
      "$description": "Use for the warning role."
    },
    "warning-deep": {
      "$value": "#b86700",
      "$type": "color",
      "$description": "Use for the warning deep role."
    },
    "warning-content": {
      "$value": "#4a3b1c",
      "$type": "color",
      "$description": "Use for the warning content role."
    },
    "negative": {
      "$value": "#d03238",
      "$type": "color",
      "$description": "Use for the negative role."
    },
    "negative-deep": {
      "$value": "#a72027",
      "$type": "color",
      "$description": "Use for the negative deep role."
    },
    "negative-darkest": {
      "$value": "#a7000d",
      "$type": "color",
      "$description": "Use for the negative darkest role."
    },
    "negative-bg": {
      "$value": "#320707",
      "$type": "color",
      "$description": "Use for the negative bg role."
    },
    "accent-orange": {
      "$value": "#ffc091",
      "$type": "color",
      "$description": "Use for the accent orange role."
    },
    "accent-cyan": {
      "$value": "#38c8ff",
      "$type": "color",
      "$description": "Use for the accent cyan role."
    }
  },
  "typography": {
    "display-mega": {
      "$value": {
        "fontFamily": "Wise Sans, Inter, system-ui, -apple-system, sans-serif",
        "fontSize": "126px",
        "fontWeight": 900,
        "lineHeight": "107.1px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display mega."
    },
    "display-xxl": {
      "$value": {
        "fontFamily": "Wise Sans, Inter, system-ui, sans-serif",
        "fontSize": "96px",
        "fontWeight": 900,
        "lineHeight": "81.6px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display xxl."
    },
    "display-xl": {
      "$value": {
        "fontFamily": "Wise Sans, Inter, system-ui, sans-serif",
        "fontSize": "64px",
        "fontWeight": 900,
        "lineHeight": "54.4px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display xl."
    },
    "display-lg": {
      "$value": {
        "fontFamily": "Wise Sans, Inter, system-ui, sans-serif",
        "fontSize": "47px",
        "fontWeight": 400,
        "lineHeight": "70.5px",
        "letterSpacing": "-0.108px"
      },
      "$type": "typography",
      "$description": "Typography style for display lg."
    },
    "display-md": {
      "$value": {
        "fontFamily": "Wise Sans, Inter, system-ui, sans-serif",
        "fontSize": "40px",
        "fontWeight": 900,
        "lineHeight": "34px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display md."
    },
    "display-sm": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "32px",
        "fontWeight": 600,
        "lineHeight": "38.4px",
        "letterSpacing": "-0.96px"
      },
      "$type": "typography",
      "$description": "Typography style for display sm."
    },
    "display-xs": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "24px",
        "fontWeight": 600,
        "lineHeight": "31.2px",
        "letterSpacing": "-0.48px"
      },
      "$type": "typography",
      "$description": "Typography style for display xs."
    },
    "body-lg": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "20px",
        "fontWeight": 400,
        "lineHeight": "30px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body lg."
    },
    "body-md": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": "24px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body md."
    },
    "body-md-strong": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "16px",
        "fontWeight": 600,
        "lineHeight": "24px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body md strong."
    },
    "body-sm": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": "20px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body sm."
    },
    "body-sm-strong": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "14px",
        "fontWeight": 600,
        "lineHeight": "20px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body sm strong."
    },
    "caption": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "12px",
        "fontWeight": 400,
        "lineHeight": "16px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for caption."
    },
    "button-md": {
      "$value": {
        "fontFamily": "Inter, system-ui, sans-serif",
        "fontSize": "16px",
        "fontWeight": 600,
        "lineHeight": "24px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for button md."
    }
  },
  "spacing": {
    "xxs": {
      "$value": "2px",
      "$type": "dimension",
      "$description": "Spacing step xxs."
    },
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Spacing step xs."
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Spacing step sm."
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Spacing step md."
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Spacing step lg."
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Spacing step xl."
    },
    "2xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Spacing step 2xl."
    },
    "3xl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Spacing step 3xl."
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "Border radius none."
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Border radius sm."
    },
    "md": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Border radius md."
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Border radius lg."
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Border radius xl."
    },
    "pill": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius pill."
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius full."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://wise.com/",
      "note": "Official brand website used for visual comparison."
    }
  }
}