{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for Vodafone-Inspired",
  "meta": {
    "name": "Vodafone-Inspired",
    "description": "An inspired interpretation of Vodafone's design language — a telecom super-brand whose web surface alternates between editorial photography hero bands with massive uppercase display headlines and clean white content bands, anchored by the company's signature scarlet red CTA and the proprietary Vodafone display sans set at impossibly heavy 800 weight.",
    "theme": "light"
  },
  "color": {
    "primary": {
      "$value": "#e60000",
      "$type": "color",
      "$description": "Use for the primary role."
    },
    "on-primary": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on primary role."
    },
    "ink": {
      "$value": "#25282b",
      "$type": "color",
      "$description": "Use for the ink role."
    },
    "body": {
      "$value": "#7e7e7e",
      "$type": "color",
      "$description": "Use for the body role."
    },
    "mute": {
      "$value": "#bebebe",
      "$type": "color",
      "$description": "Use for the mute role."
    },
    "canvas": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the canvas role."
    },
    "canvas-soft": {
      "$value": "#f2f2f2",
      "$type": "color",
      "$description": "Use for the canvas soft role."
    },
    "on-dark": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on dark role."
    }
  },
  "typography": {
    "display-hero": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "144px",
        "fontWeight": 800,
        "lineHeight": "114px",
        "letterSpacing": "-1px"
      },
      "$type": "typography",
      "$description": "Typography style for display hero."
    },
    "display-xxl": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "126px",
        "fontWeight": 800,
        "lineHeight": "113px",
        "letterSpacing": "-1px"
      },
      "$type": "typography",
      "$description": "Typography style for display xxl."
    },
    "display-xl": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "90px",
        "fontWeight": 800,
        "lineHeight": "84px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display xl."
    },
    "display-lg": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "48px",
        "fontWeight": 300,
        "lineHeight": "52px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display lg."
    },
    "display-md": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "40px",
        "fontWeight": 300,
        "lineHeight": "44px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display md."
    },
    "display-sm": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "32px",
        "fontWeight": 700,
        "lineHeight": "40px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display sm."
    },
    "display-xs": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "24px",
        "fontWeight": 700,
        "lineHeight": "24px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for display xs."
    },
    "eyebrow-uppercase": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "16px",
        "fontWeight": 800,
        "lineHeight": "24px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for eyebrow uppercase."
    },
    "body-lg": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "22px",
        "fontWeight": 400,
        "lineHeight": "24px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body lg."
    },
    "body-md": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "18px",
        "fontWeight": 400,
        "lineHeight": "28px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body md."
    },
    "body-md-strong": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "18px",
        "fontWeight": 600,
        "lineHeight": "28px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body md strong."
    },
    "body-sm": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": "20px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body sm."
    },
    "body-sm-strong": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "16px",
        "fontWeight": 700,
        "lineHeight": "22px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for body sm strong."
    },
    "caption": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": "16px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for caption."
    },
    "caption-strong": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "14px",
        "fontWeight": 700,
        "lineHeight": "21px",
        "letterSpacing": "0"
      },
      "$type": "typography",
      "$description": "Typography style for caption strong."
    },
    "caption-uppercase": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "12px",
        "fontWeight": 600,
        "lineHeight": "16px",
        "letterSpacing": "0.5691px"
      },
      "$type": "typography",
      "$description": "Typography style for caption uppercase."
    },
    "button-md": {
      "$value": {
        "fontFamily": "Vodafone, Vodafone Rg, Helvetica Neue, Arial, sans-serif",
        "fontSize": "18px",
        "fontWeight": 400,
        "lineHeight": "28px",
        "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": "20px",
      "$type": "dimension",
      "$description": "Spacing step xl."
    },
    "2xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Spacing step 2xl."
    },
    "3xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Spacing step 3xl."
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "Border radius none."
    },
    "xs": {
      "$value": "1px",
      "$type": "dimension",
      "$description": "Border radius xs."
    },
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Border radius sm."
    },
    "card": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Border radius card."
    },
    "pill-md": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Border radius pill-md."
    },
    "pill-lg": {
      "$value": "60px",
      "$type": "dimension",
      "$description": "Border radius pill-lg."
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius full."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://www.vodafone.com/",
      "note": "Official brand website used for visual comparison."
    }
  }
}