{
  "$description": "Brand: Coursera (coursera@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette coursera@1.0.0",
      "coursera-blue": {
        "$value": "#0056D2",
        "$type": "color",
        "$description": "The Coursera Design System primary blue (CDS BLUE). The brand's signature action color."
      },
      "bluish-white": {
        "$value": "#F3F8FF",
        "$type": "color",
        "$description": "Soft blue-tinted surface (CDS BLUISH_WHITE). The brand's primary surface accent."
      },
      "blue-dark": {
        "$value": "#003C8F",
        "$type": "color",
        "$description": "Pressed / active variant of Coursera Blue — derived deepened tone for hover/active states."
      },
      "blue-pale": {
        "$value": "#E3EEFF",
        "$type": "color",
        "$description": "Pale blue background accent — used in info banners."
      },
      "blue-deep": {
        "$value": "#002761",
        "$type": "color",
        "$description": "Deepest navy-blue — used for callouts and contrast accents."
      },
      "ink-50": {
        "$value": "#1F1F1F",
        "$type": "color",
        "$description": "The canonical body text color on coursera.org — near-black but not pure black."
      },
      "ink-100": {
        "$value": "#303030",
        "$type": "color",
        "$description": "Default text color — slightly lighter than Ink 50."
      },
      "ink-300": {
        "$value": "#616161",
        "$type": "color",
        "$description": "Secondary text color — captions and supporting copy."
      },
      "ink-500": {
        "$value": "#757575",
        "$type": "color",
        "$description": "Tertiary text color — derived from the press-page logo fill (#757575)."
      },
      "ink-700": {
        "$value": "#9E9E9E",
        "$type": "color",
        "$description": "Disabled text and quiet borders."
      },
      "white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Page canvas in light mode (CDS WHITE)."
      },
      "surface": {
        "$value": "#FAFAFA",
        "$type": "color",
        "$description": "Subtle elevated surface tint."
      },
      "surface-2": {
        "$value": "#F5F5F5",
        "$type": "color",
        "$description": "Secondary surface — card and panel backgrounds."
      },
      "border": {
        "$value": "#E0E0E0",
        "$type": "color",
        "$description": "Quiet divider — borders and rules."
      },
      "success": {
        "$value": "#1B8057",
        "$type": "color",
        "$description": "Success / completion green — derived from the published callouts-success scale."
      },
      "warning": {
        "$value": "#F28100",
        "$type": "color",
        "$description": "Warning amber — derived from the orange-500 callout scale on coursera.org."
      },
      "error": {
        "$value": "#F44336",
        "$type": "color",
        "$description": "Error / destructive red — published in the CDS callouts-error scale."
      },
      "error-deep": {
        "$value": "#66000F",
        "$type": "color",
        "$description": "Deepest red — used for error-state callout strokes."
      }
    }
  },
  "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": [
          "Source Code Pro",
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → Source Code Pro (source-code-pro@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"
      }
    }
  },
  "$extensions": {
    "com.brand-atoms.rules": [
      {
        "type": "colorChoice",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Coursera Blue (#0056D2) is the single signature primary across the entire CDS. Bluish White and Blue Pale are surface tints, not action colors; Blue Deep is a callout / hero anchor. Repurposing semantic colors (success green, warning orange, error red) as the primary action color conflicts with their established semantic meaning in the product.\n",
        "allowed": [
          "coursera-blue",
          "blue-dark"
        ],
        "forbidden": [
          "bluish-white",
          "blue-pale",
          "blue-deep",
          "success",
          "warning",
          "error"
        ]
      },
      {
        "type": "colorChoice",
        "target": "roles.colors.text-primary-light",
        "severity": "error",
        "rationale": "Coursera's canonical body text on coursera.org is Ink 50 (#1F1F1F) or Ink 100 (#303030). The CDS does not use pure #000000 for body copy — the near-black scale was chosen deliberately for reader comfort on the long-form course-syllabus and reading material the platform hosts.\n",
        "allowed": [
          "ink-50",
          "ink-100"
        ],
        "forbidden": [
          "black"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "The Coursera wordmark and Coursera Blue are precise brand assets used across institutional and partner surfaces. Skew, rotation, drop shadow, or recoloring conflict with the brand's credentialing, university-adjacent posture; the press kit on coursera.org/about/press documents the allowed treatments.\n",
        "treatments": [
          "stretched",
          "skewed",
          "rotated",
          "drop-shadow",
          "recolored-non-brand",
          "on-busy-photo",
          "low-contrast-fill"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "Ink 50 (#1F1F1F) on White (#FFFFFF) gives roughly 16:1 — clears AAA decisively. Coursera's long-form course-reading posture, with syllabi, transcripts, and academic prose, justifies an AAA contrast target rather than the AA floor.\n",
        "against": "background",
        "minRatio": 7,
        "standard": "WCAG-AAA"
      },
      {
        "type": "enumMembership",
        "target": "typography.heading.fontWeight",
        "severity": "warning",
        "rationale": "The Coursera live site uses Source Sans Pro at Light (300) for hero copy, Regular (400) for body, SemiBold (600) for emphasis, and Bold (700) for headings. Source Sans 3 — the open-source successor referenced here — ships the same weight band.\n",
        "allowed": [
          "300",
          "400",
          "600",
          "700"
        ]
      },
      {
        "type": "fontPairing",
        "target": "typography.display",
        "severity": "error",
        "rationale": "Source Sans Pro serves both display and prose roles on coursera.org; the typographic hierarchy is established by size and weight within a single family. A 1.4× minimum display-to-prose ratio preserves that hierarchy for course titles and module headings.\n",
        "requires": "prose",
        "minSizeRatio": 1.4
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.primary",
        "severity": "warning",
        "rationale": "Coursera Blue is concentrated in CTAs, links, and the mark — never as a flood-fill background. The brand canvas is the White / Bluish White surface; Coursera Blue is the accent that punctuates that surface, not replaces it.\n",
        "allowedContexts": [
          "cta",
          "link",
          "focus-ring",
          "mark",
          "data-viz-primary"
        ],
        "forbiddenContexts": [
          "large-fill",
          "hero",
          "background"
        ]
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Coursera's audience includes adult learners, institutional partners, and degree-program students; consumers composing in-brand surfaces must preserve the AA contrast floor on every text-on-color combination.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.primary",
        "severity": "recommendation",
        "rationale": "Coursera Blue reads cleanest on White or Bluish White, or as a fill on the Ink 50 dark canvas. Placing Coursera Blue adjacent to the orange warning or red error colors introduces chromatic conflict — the cool brand blue and the warm semantic accents fight for the same eye position without resolving into hierarchy.\n",
        "pairsWith": [
          "white",
          "bluish-white",
          "ink-50",
          "blue-pale"
        ],
        "doesNotPairWith": [
          "warning",
          "error",
          "error-deep"
        ]
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://www.coursera.org/about/press",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Coursera, Inc. — visual identity captured from the deployed front-page application on coursera.org (the Coursera Design System exposes BLUE / BLUISH_WHITE / WHITE constants and the --cds-color-* / --cds-font-family-* CSS custom-property families). The Coursera press kit on dropbox.com is referenced from /about/press as the official media asset source. The Coursera logo and associated marks are property of Coursera, Inc.\n",
      "importedDate": "2026-05-19",
      "notes": "Coursera's font stack on the live site is Source Sans Pro (open source, SIL OFL) for Latin scripts and Boutros Coursera (proprietary) for Arabic. This atom references source-sans-3@1 as the canonical body and heading face — Source Sans 3 is the maintained successor to Source Sans Pro by Adobe / Google. The Boutros Coursera bilingual companion has no open-source substitute documented here.\n"
    },
    "com.brand-atoms.references": {
      "palette": "coursera@1.0.0",
      "fonts": {
        "heading": "source-sans-3@1.0.0",
        "body": "source-sans-3@1.0.0",
        "mono": "source-code-pro@1.0.0"
      }
    }
  }
}