{
  "$description": "Brand: LinkedIn (linkedin@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette linkedin@1.0.0",
      "linkedin-blue": {
        "$value": "#0A66C2",
        "$type": "color",
        "$description": "Signature mid-blue — the primary brand color introduced with the 2019 brand refresh. The in-bug wordmark, primary buttons, and the link color on linkedin.com all read in this blue.\n"
      },
      "linkedin-blue-dark": {
        "$value": "#004182",
        "$type": "color",
        "$description": "Darker blue for hover, pressed, and focus states on LinkedIn Blue — and the historical pre-2019 wordmark color region.\n"
      },
      "linkedin-blue-light": {
        "$value": "#378FE9",
        "$type": "color",
        "$description": "Lighter blue used for link affordances on dark surfaces and for hover hints on light surfaces.\n"
      },
      "linkedin-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Canvas on light surfaces — the canonical LinkedIn product background."
      },
      "linkedin-near-white": {
        "$value": "#F4F2EE",
        "$type": "color",
        "$description": "Warm off-white background used on the LinkedIn feed and editorial pages."
      },
      "linkedin-black": {
        "$value": "#000000E6",
        "$type": "color",
        "$description": "Body and headline color — published as black at 90% opacity for use on white surfaces, balancing legibility with warmth.\n"
      },
      "linkedin-black-solid": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Solid black — used in marketing and on the in-bug wordmark variants."
      },
      "linkedin-text-secondary": {
        "$value": "#00000099",
        "$type": "color",
        "$description": "Authored secondary text — black at 60% opacity for muted copy on white."
      },
      "linkedin-divider": {
        "$value": "#E0DFDC",
        "$type": "color",
        "$description": "Authored hairline divider tone on light canvas."
      },
      "linkedin-warm-orange": {
        "$value": "#E68523",
        "$type": "color",
        "$description": "Warm orange — used sparingly on LinkedIn marketing surfaces and illustration to signal warmth and humanity.\n"
      },
      "linkedin-green": {
        "$value": "#057642",
        "$type": "color",
        "$description": "Deep green — used in LinkedIn's product UI for \"open to work\" and positive status affordances.\n"
      },
      "linkedin-canvas-dark": {
        "$value": "#1B1F23",
        "$type": "color",
        "$description": "Authored dark-mode canvas for LinkedIn's product dark theme."
      },
      "linkedin-surface-dark": {
        "$value": "#2C3033",
        "$type": "color",
        "$description": "Authored elevated surface on dark mode."
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Source Sans 3",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Source Sans 3 (source-sans-3@1.0.0)"
      },
      "weight": {
        "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": [
          "Source Sans 3",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Source Sans 3 (source-sans-3@1.0.0)"
      },
      "weight": {
        "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.mark",
        "severity": "error",
        "rationale": "The LinkedIn in-bug renders in LinkedIn Blue, white (on dark surfaces), or black (in monochrome contexts). The supporting accents (warm orange, green) are reserved for product status affordances and never recolor the mark itself.\n",
        "allowed": [
          "linkedin-blue",
          "linkedin-blue-dark",
          "linkedin-white",
          "linkedin-black-solid"
        ],
        "forbidden": [
          "any-non-brand-color",
          "linkedin-warm-orange",
          "linkedin-green"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "LinkedIn's brand guidance prescribes the in-bug only in approved variants with adequate clearspace and forbids stretching, rotating, or recoloring the mark. The lockup with the \"Linked\" wordmark must respect the published proportions.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "on-busy-photo",
          "inverted-without-variant",
          "placed-without-clearspace",
          "cropped"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "WCAG 2.1 Level AA contrast minimum for body text. LinkedIn Black (rgba black at 90% on white) clears AA comfortably; the darkened 2019 LinkedIn Blue also clears AA on white at body size, which was the explicit motivation for the refresh.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contrastRatio",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "LinkedIn Blue (#0A66C2) on white reads at ~4.6:1 — clearing WCAG AA for body text. The 2019 refresh darkened the previous LinkedIn Blue (#0077B5, ~3.8:1) specifically to clear this threshold; the rule encodes that floor.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "variantSelection",
        "target": "logo",
        "severity": "error",
        "rationale": "On dark surfaces, use the white in-bug variant for legibility. Do not place the LinkedIn Blue in-bug on dark canvases where it loses contrast against the background.\n",
        "when": {
          "backgroundColorScheme": "dark"
        },
        "use": "in-bug-white"
      },
      {
        "type": "variantSelection",
        "target": "logo",
        "severity": "error",
        "rationale": "On light surfaces, the in-bug renders in LinkedIn Blue — the canonical brand application across linkedin.com and marketing.\n",
        "when": {
          "backgroundColorScheme": "light"
        },
        "use": "in-bug-blue"
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.identity",
        "severity": "error",
        "rationale": "LinkedIn's brand-use guidance restricts use of the in-bug and wordmark in ways that imply affiliation, on competing-product surfaces, or on third-party merchandise without explicit license.\n",
        "forbiddenContexts": [
          "product-of-competitor",
          "merchandise",
          "endorsement-implication"
        ]
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.identity",
        "severity": "recommendation",
        "rationale": "LinkedIn Blue + Warm Orange creates a saturated complementary tension that fights LinkedIn's calm professional voice. The Blue pairs cleanly with the warm-white canvas and the near-black text tone; reserve Warm Orange for editorial accents on a neutral canvas.\n",
        "pairsWith": [
          "linkedin-white",
          "linkedin-near-white",
          "linkedin-black-solid"
        ],
        "doesNotPairWith": [
          "linkedin-warm-orange"
        ]
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "LinkedIn's display typography sits in the Regular (400), Semi-Bold (600), and Bold (700) band. Lighter cuts compromise the institutional, professional voice the platform's marketing depends on.\n",
        "allowed": [
          "400",
          "600",
          "700"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. LinkedIn's 2019 brand refresh was driven specifically by AA contrast considerations; the threshold is non-negotiable on LinkedIn-skinned surfaces.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://brand.linkedin.com/",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "LinkedIn and the LinkedIn \"in\" mark are registered trademarks of LinkedIn Corporation (a Microsoft subsidiary). The primary brand color (#0A66C2) is documented in LinkedIn's published brand guidelines at brand.linkedin.com and independently verified via the simple-icons brand database, which cites linkedin.com as the source. LinkedIn's published typography stack uses a proprietary humanist sans derived from Source Sans; brand-atoms references Source Sans 3 (already in the catalog) as the open-source equivalent.\n",
      "importedDate": "2026-05-18",
      "notes": "LinkedIn's identity is light-first: the canonical product surface is white with LinkedIn Blue on the in-bug, primary CTAs, and link color. The dark-mode role mapping is an authored inversion supporting LinkedIn's user-selectable product dark theme. The 2019 brand refresh darkened LinkedIn Blue from #0077B5 to #0A66C2 specifically to clear WCAG AA at body-text size.\n"
    },
    "com.brand-atoms.references": {
      "palette": "linkedin@1.0.0",
      "fonts": {
        "heading": "source-sans-3@1.0.0",
        "body": "source-sans-3@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}