{
  "$description": "Brand: Booking.com (booking@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette booking@1.0.0",
      "booking-blue": {
        "$value": "#003580",
        "$type": "color",
        "$description": "Booking.com's signature navy — the wordmark, the nav, and primary chrome."
      },
      "booking-blue-deep": {
        "$value": "#002A66",
        "$type": "color",
        "$description": "Pressed / hover variant of Booking Blue for interactive states."
      },
      "booking-blue-bright": {
        "$value": "#0071C2",
        "$type": "color",
        "$description": "Brighter mid-blue used historically for links and secondary CTAs on booking.com."
      },
      "booking-yellow": {
        "$value": "#FEBB02",
        "$type": "color",
        "$description": "Secondary brand yellow — historically the Genius and high-priority CTA accent on booking.com."
      },
      "booking-ink": {
        "$value": "#1A1A1A",
        "$type": "color",
        "$description": "Primary text color on light surfaces."
      },
      "booking-charcoal": {
        "$value": "#333333",
        "$type": "color",
        "$description": "Secondary text on light; elevated dark surface."
      },
      "booking-graphite": {
        "$value": "#6B6B6B",
        "$type": "color",
        "$description": "Tertiary text and icon color."
      },
      "booking-mist": {
        "$value": "#E6E6E6",
        "$type": "color",
        "$description": "Border and quiet divider on light canvas."
      },
      "booking-fog": {
        "$value": "#F5F5F5",
        "$type": "color",
        "$description": "Subtle elevated surface on white."
      },
      "booking-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Primary canvas — booking.com is a white-canvas product surface."
      },
      "booking-success": {
        "$value": "#008009",
        "$type": "color",
        "$description": "Functional success — confirmed reservation, completion."
      },
      "booking-error": {
        "$value": "#C0392B",
        "$type": "color",
        "$description": "Functional error — destructive / unavailable states."
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Inter (inter@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "900": {
          "$value": 900,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "body": {
      "family": {
        "$value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Inter (inter@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "900": {
          "$value": 900,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "mono": {
      "family": {
        "$value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → JetBrainsMono Nerd Font (jetbrainsmono-nerdfont@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    }
  },
  "$extensions": {
    "com.brand-atoms.rules": [
      {
        "type": "colorChoice",
        "target": "logo.wordmark.fill",
        "severity": "error",
        "rationale": "The Booking.com wordmark renders in Booking Blue on light surfaces or in white on dark surfaces. The brighter mid-blue and the deep blue are interactive-state and link variants on product surfaces — they are NOT wordmark fills. The secondary yellow is a CTA / Genius hue and never substitutes for the brand navy in the mark.\n",
        "allowed": [
          "booking-blue",
          "booking-white"
        ],
        "forbidden": [
          "booking-blue-bright",
          "booking-blue-deep",
          "booking-yellow",
          "booking-error"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "Booking.com's wordmark is rendered flat in the signature navy with generous clearspace. Gradients, shadows, and recolorings compromise the deliberate, trust-anchoring monochrome wordmark, which is the brand's primary recognition asset across a dense, transactional product surface.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "gradient-fill",
          "on-busy-photo",
          "placed-without-clearspace"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "Booking Ink (#1A1A1A) on Booking White (#FFFFFF) gives ~17:1 — well above the WCAG AA 4.5:1 floor for body text. The rule encodes the floor for any new foreground/background pairing on booking.com surfaces, where body text density is already high and contrast headroom matters.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contrastRatio",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Booking Blue (#003580) on Booking White (#FFFFFF) gives ~12:1 — well above the WCAG AA 4.5:1 floor. Because Booking Blue carries the wordmark AND functions as the primary link/CTA color in dense product copy, it must clear the full body-text AA contrast (not just the AA-large floor).\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.accent",
        "severity": "error",
        "rationale": "Booking Yellow is reserved for high-priority CTAs, the Genius loyalty program, and promotional moments. Using it inside body copy, as a subtle divider, or as a stand-in for error states conflicts with its established promotional / loyalty meaning on booking.com surfaces.\n",
        "allowedContexts": [
          "call-to-action",
          "loyalty-program",
          "high-priority-promotion"
        ],
        "forbiddenContexts": [
          "body-text",
          "subtle-divider",
          "error-state"
        ]
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "Booking.com's product typography on the live site uses Regular (400), Medium (500), and Bold (700) cuts of its system sans for headlines and surfaces. Lighter and heavier extremes are not part of the standard product chrome.\n",
        "allowed": [
          "400",
          "500",
          "700"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Booking.com is a transactional, information-dense product used globally on every device class; AA is the non-negotiable floor for any text on any Booking surface.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.primary",
        "severity": "recommendation",
        "rationale": "Booking Blue reads cleanest against white, the lightest fog neutral, or the brand yellow CTA. Pairing it adjacent to the functional error red or success green introduces a chromatic conflict and confuses the brand-navy with a status signal.\n",
        "pairsWith": [
          "booking-white",
          "booking-fog",
          "booking-yellow"
        ],
        "doesNotPairWith": [
          "booking-error",
          "booking-success"
        ]
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://raw.githubusercontent.com/simple-icons/simple-icons/13.0.0/_data/simple-icons.json",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Booking.com B.V. — Booking.com, the Booking.com wordmark, and the Genius program marks are trademarks of Booking.com B.V. The signature navy (#003580) is verified via the simple-icons brand database (v13.0.0). Booking.com does not maintain a widely visible public design-system page; the homepage is the primary reference for product chrome.\n",
      "importedDate": "2026-05-19",
      "notes": "Booking.com does not publish a public brand-guidelines or design-system surface that exposes its full token table. This atom captures the verified primary brand navy and authors a faithful set of supporting neutrals and functional swatches consistent with the booking.com product chrome; see the palette atom notes. Booking's product typography is a system sans on most surfaces — this atom references Inter@1 as the open-source rendering substitute.\n"
    },
    "com.brand-atoms.references": {
      "palette": "booking@1.0.0",
      "fonts": {
        "heading": "inter@1.0.0",
        "body": "inter@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}