{
  "id": "coursera",
  "version": "1.0.0",
  "name": "Coursera",
  "description": "Coursera is one of the largest online learning platforms, host to university and industry partner courses, professional certificates, and full degree programs. The brand voice is considered, credentialing, and outcomes-focused — Coursera is positioned closer to a university than to a consumer app. Visually, the identity is a single deep signature blue (#0056D2 — Coursera Blue) against a light, generous White canvas, supported by a soft Bluish White surface tint and a restrained near-black ink text scale that deliberately avoids pure #000000. Typography is Source Sans Pro across body and headings, with Boutros Coursera as the bilingual / Arabic display companion.\n",
  "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"
  },
  "tags": [
    "coursera",
    "education",
    "mooc",
    "online-learning",
    "brand",
    "light-first",
    "blue",
    "corporate"
  ],
  "palette": {
    "ref": "coursera@1.0.0",
    "swatches": [
      {
        "id": "coursera-blue",
        "name": "Coursera Blue",
        "value": "#0056D2",
        "description": "The Coursera Design System primary blue (CDS BLUE). The brand's signature action color.",
        "aliases": [
          "blue",
          "primary"
        ]
      },
      {
        "id": "bluish-white",
        "name": "Bluish White",
        "value": "#F3F8FF",
        "description": "Soft blue-tinted surface (CDS BLUISH_WHITE). The brand's primary surface accent.",
        "aliases": []
      },
      {
        "id": "blue-dark",
        "name": "Blue Dark",
        "value": "#003C8F",
        "description": "Pressed / active variant of Coursera Blue — derived deepened tone for hover/active states.",
        "aliases": []
      },
      {
        "id": "blue-pale",
        "name": "Blue Pale",
        "value": "#E3EEFF",
        "description": "Pale blue background accent — used in info banners.",
        "aliases": []
      },
      {
        "id": "blue-deep",
        "name": "Blue Deep",
        "value": "#002761",
        "description": "Deepest navy-blue — used for callouts and contrast accents.",
        "aliases": []
      },
      {
        "id": "ink-50",
        "name": "Ink 50",
        "value": "#1F1F1F",
        "description": "The canonical body text color on coursera.org — near-black but not pure black.",
        "aliases": [
          "text-primary"
        ]
      },
      {
        "id": "ink-100",
        "name": "Ink 100",
        "value": "#303030",
        "description": "Default text color — slightly lighter than Ink 50.",
        "aliases": []
      },
      {
        "id": "ink-300",
        "name": "Ink 300",
        "value": "#616161",
        "description": "Secondary text color — captions and supporting copy.",
        "aliases": []
      },
      {
        "id": "ink-500",
        "name": "Ink 500",
        "value": "#757575",
        "description": "Tertiary text color — derived from the press-page logo fill (#757575).",
        "aliases": []
      },
      {
        "id": "ink-700",
        "name": "Ink 700",
        "value": "#9E9E9E",
        "description": "Disabled text and quiet borders.",
        "aliases": []
      },
      {
        "id": "white",
        "name": "White",
        "value": "#FFFFFF",
        "description": "Page canvas in light mode (CDS WHITE).",
        "aliases": []
      },
      {
        "id": "surface",
        "name": "Surface",
        "value": "#FAFAFA",
        "description": "Subtle elevated surface tint.",
        "aliases": []
      },
      {
        "id": "surface-2",
        "name": "Surface 2",
        "value": "#F5F5F5",
        "description": "Secondary surface — card and panel backgrounds.",
        "aliases": []
      },
      {
        "id": "border",
        "name": "Border",
        "value": "#E0E0E0",
        "description": "Quiet divider — borders and rules.",
        "aliases": []
      },
      {
        "id": "success",
        "name": "Success",
        "value": "#1B8057",
        "description": "Success / completion green — derived from the published callouts-success scale.",
        "aliases": []
      },
      {
        "id": "warning",
        "name": "Warning",
        "value": "#F28100",
        "description": "Warning amber — derived from the orange-500 callout scale on coursera.org.",
        "aliases": []
      },
      {
        "id": "error",
        "name": "Error",
        "value": "#F44336",
        "description": "Error / destructive red — published in the CDS callouts-error scale.",
        "aliases": []
      },
      {
        "id": "error-deep",
        "name": "Error Deep",
        "value": "#66000F",
        "description": "Deepest red — used for error-state callout strokes.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "white",
          "surface": "bluish-white",
          "surface-elevated": "white",
          "text-primary": "ink-50",
          "text-secondary": "ink-300",
          "text-tertiary": "ink-500",
          "primary": "coursera-blue",
          "primary-hover": "blue-dark",
          "accent": "coursera-blue",
          "accent-hover": "blue-dark",
          "warning": "warning",
          "warning-hover": "warning",
          "error": "error",
          "success": "success",
          "border": "border"
        }
      },
      "dark": {
        "roles": {
          "background": "ink-50",
          "surface": "ink-100",
          "surface-elevated": "ink-300",
          "text-primary": "white",
          "text-secondary": "surface-2",
          "text-tertiary": "ink-700",
          "primary": "coursera-blue",
          "primary-hover": "bluish-white",
          "accent": "bluish-white",
          "accent-hover": "blue-pale",
          "warning": "warning",
          "warning-hover": "warning",
          "error": "error",
          "success": "success",
          "border": "ink-300"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "source-sans-3@1.0.0",
      "family": "Source Sans 3",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Source Sans 3",
        "url": "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "body",
      "ref": "source-sans-3@1.0.0",
      "family": "Source Sans 3",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Source Sans 3",
        "url": "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    },
    {
      "role": "mono",
      "ref": "source-code-pro@1.0.0",
      "family": "Source Code Pro",
      "classification": "monospace",
      "source": {
        "kind": "google-fonts",
        "family": "Source Code Pro",
        "url": "https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap"
      },
      "fallbackStack": [
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 200,
          "style": "normal"
        },
        {
          "weight": 200,
          "style": "italic"
        },
        {
          "weight": 300,
          "style": "normal"
        },
        {
          "weight": 300,
          "style": "italic"
        },
        {
          "weight": 400,
          "style": "normal"
        },
        {
          "weight": 400,
          "style": "italic"
        },
        {
          "weight": 500,
          "style": "normal"
        },
        {
          "weight": 500,
          "style": "italic"
        },
        {
          "weight": 600,
          "style": "normal"
        },
        {
          "weight": 600,
          "style": "italic"
        },
        {
          "weight": 700,
          "style": "normal"
        },
        {
          "weight": 700,
          "style": "italic"
        },
        {
          "weight": 800,
          "style": "normal"
        },
        {
          "weight": 800,
          "style": "italic"
        },
        {
          "weight": 900,
          "style": "normal"
        },
        {
          "weight": 900,
          "style": "italic"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "white",
      "on-identity": "ink-50",
      "primary": "coursera-blue",
      "primary-hover": "blue-dark",
      "accent": "coursera-blue",
      "accent-hover": "blue-dark",
      "mark": "coursera-blue",
      "success": "success",
      "warning": "warning",
      "error": "error",
      "text-primary-light": "ink-50",
      "text-primary-dark": "white",
      "background-light": "white",
      "background-dark": "ink-50",
      "surface-light": "bluish-white",
      "surface-dark": "ink-100",
      "text-secondary-light": "ink-300",
      "text-tertiary-light": "ink-500",
      "border-light": "border"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "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"
      ]
    }
  ]
}