{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for Nike",
  "meta": {
    "name": "Nike",
    "description": "A photography-first commerce system built on extreme typographic contrast — towering uppercase Futura display lockups burned into editorial campaign imagery, sitting above a dense, neutral, near-monochrome retail chrome of pill-shaped black CTAs, gray search and tag pills, and tight 8px-grid product cards. The brand's voice is athletic, kinetic, and absolute: pure black, pure white, a single soft surface gray, and a deliberately small set of semantic accents (sale red, success green, restrained category tints) — every chromatic moment is reserved for editorial photography or pricing signal, never decorative chrome.",
    "theme": "light"
  },
  "color": {
    "primary": {
      "$value": "#111111",
      "$type": "color",
      "$description": "Use for the primary role."
    },
    "on-primary": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on primary role."
    },
    "canvas": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the canvas role."
    },
    "soft-cloud": {
      "$value": "#f5f5f5",
      "$type": "color",
      "$description": "Use for the soft cloud role."
    },
    "ink": {
      "$value": "#111111",
      "$type": "color",
      "$description": "Use for the ink role."
    },
    "charcoal": {
      "$value": "#39393b",
      "$type": "color",
      "$description": "Use for the charcoal role."
    },
    "ash": {
      "$value": "#4b4b4d",
      "$type": "color",
      "$description": "Use for the ash role."
    },
    "mute": {
      "$value": "#707072",
      "$type": "color",
      "$description": "Use for the mute role."
    },
    "stone": {
      "$value": "#9e9ea0",
      "$type": "color",
      "$description": "Use for the stone role."
    },
    "hairline": {
      "$value": "#cacacb",
      "$type": "color",
      "$description": "Use for the hairline role."
    },
    "hairline-soft": {
      "$value": "#e5e5e5",
      "$type": "color",
      "$description": "Use for the hairline soft role."
    },
    "sale": {
      "$value": "#d30005",
      "$type": "color",
      "$description": "Use for the sale role."
    },
    "sale-deep": {
      "$value": "#780700",
      "$type": "color",
      "$description": "Use for the sale deep role."
    },
    "success": {
      "$value": "#007d48",
      "$type": "color",
      "$description": "Use for the success role."
    },
    "success-bright": {
      "$value": "#1eaa52",
      "$type": "color",
      "$description": "Use for the success bright role."
    },
    "info": {
      "$value": "#1151ff",
      "$type": "color",
      "$description": "Use for the info role."
    },
    "info-deep": {
      "$value": "#0034e3",
      "$type": "color",
      "$description": "Use for the info deep role."
    },
    "accent-pink": {
      "$value": "#ed1aa0",
      "$type": "color",
      "$description": "Use for the accent pink role."
    },
    "accent-pink-soft": {
      "$value": "#ffb0dd",
      "$type": "color",
      "$description": "Use for the accent pink soft role."
    },
    "accent-purple-soft": {
      "$value": "#beaffd",
      "$type": "color",
      "$description": "Use for the accent purple soft role."
    },
    "accent-purple-pale": {
      "$value": "#d6d1ff",
      "$type": "color",
      "$description": "Use for the accent purple pale role."
    },
    "accent-teal": {
      "$value": "#0a7281",
      "$type": "color",
      "$description": "Use for the accent teal role."
    },
    "accent-pink-deep": {
      "$value": "#4c012d",
      "$type": "color",
      "$description": "Use for the accent pink deep role."
    }
  },
  "typography": {
    "display-campaign": {
      "$value": {
        "fontFamily": "Nike Futura ND",
        "fontSize": "96px",
        "fontWeight": 500,
        "lineHeight": 0.9,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for display campaign."
    },
    "heading-xl": {
      "$value": {
        "fontFamily": "Helvetica Now Display Medium",
        "fontSize": "32px",
        "fontWeight": 500,
        "lineHeight": 1.2,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for heading xl."
    },
    "heading-lg": {
      "$value": {
        "fontFamily": "Helvetica Now Display Medium",
        "fontSize": "24px",
        "fontWeight": 500,
        "lineHeight": 1.2,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for heading lg."
    },
    "heading-md": {
      "$value": {
        "fontFamily": "Helvetica Now Display Medium",
        "fontSize": "16px",
        "fontWeight": 500,
        "lineHeight": 1.75,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for heading md."
    },
    "body-md": {
      "$value": {
        "fontFamily": "Helvetica Now Text",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body md."
    },
    "body-strong": {
      "$value": {
        "fontFamily": "Helvetica Now Text Medium",
        "fontSize": "16px",
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body strong."
    },
    "button-lg": {
      "$value": {
        "fontFamily": "Helvetica Now Display Medium",
        "fontSize": "24px",
        "fontWeight": 500,
        "lineHeight": 1.2,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for button lg."
    },
    "button-md": {
      "$value": {
        "fontFamily": "Helvetica Now Text Medium",
        "fontSize": "16px",
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for button md."
    },
    "button-sm": {
      "$value": {
        "fontFamily": "Helvetica Now Text Medium",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for button sm."
    },
    "link-md": {
      "$value": {
        "fontFamily": "Helvetica Now Text",
        "fontSize": "16px",
        "fontWeight": 500,
        "lineHeight": 1.75,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for link md."
    },
    "caption-md": {
      "$value": {
        "fontFamily": "Helvetica Now Text Medium",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for caption md."
    },
    "caption-sm": {
      "$value": {
        "fontFamily": "Helvetica Now Text Medium",
        "fontSize": "12px",
        "fontWeight": 500,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for caption sm."
    },
    "utility-xs": {
      "$value": {
        "fontFamily": "Helvetica Neue",
        "fontSize": "9px",
        "fontWeight": 500,
        "lineHeight": 1.75,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for utility xs."
    }
  },
  "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": "18px",
      "$type": "dimension",
      "$description": "Spacing step lg."
    },
    "xl": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Spacing step xl."
    },
    "xxl": {
      "$value": "30px",
      "$type": "dimension",
      "$description": "Spacing step xxl."
    },
    "section": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Spacing step section."
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "Border radius none."
    },
    "sm": {
      "$value": "18px",
      "$type": "dimension",
      "$description": "Border radius sm."
    },
    "md": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Border radius md."
    },
    "lg": {
      "$value": "30px",
      "$type": "dimension",
      "$description": "Border radius lg."
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius full."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://www.nike.com/",
      "note": "Official brand website used for visual comparison."
    }
  }
}