{
  "$description": "Brand: Notion (notion@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette notion@1.0.0",
      "notion-black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Signature mark and wordmark color on light surfaces. Verified brand mark hex."
      },
      "notion-white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Canvas on light mode; wordmark fill on dark mode."
      },
      "notion-canvas-dark": {
        "$value": "#191919",
        "$type": "color",
        "$description": "Authored dark-mode canvas (near-black). Notion's product dark theme is uniformly described as a near-black canvas; this value is an authored inversion, not a published brand hex.\n"
      },
      "notion-surface-dark": {
        "$value": "#2F2F2F",
        "$type": "color",
        "$description": "Authored elevated surface for dark mode."
      },
      "notion-text-secondary-light": {
        "$value": "#787878",
        "$type": "color",
        "$description": "Authored secondary text — neutral mid-gray on light canvas."
      },
      "notion-text-tertiary-light": {
        "$value": "#A0A0A0",
        "$type": "color",
        "$description": "Authored tertiary / muted text on light."
      },
      "notion-text-secondary-dark": {
        "$value": "#A0A0A0",
        "$type": "color",
        "$description": "Authored secondary text on dark canvas."
      }
    }
  },
  "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.mark",
        "severity": "error",
        "rationale": "The Notion mark is monochrome by definition. Use black on light surfaces or white on dark surfaces — never a colored variant.\n",
        "allowed": [
          "notion-black",
          "notion-white"
        ],
        "forbidden": [
          "any-non-brand-color"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "The Notion mark's reading depends on clean black/white contrast against a quiet surface. Effects, recoloring, and busy backgrounds break the mark's institutional voice.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "on-busy-photo",
          "gradient-fill"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "warning",
        "rationale": "Notion's pure-black-on-white identity sits at 21:1 contrast — well above AAA's 7:1 floor. Skinning that drops below AAA on body text would betray the brand's documented commitment to legibility.\n",
        "against": "background",
        "minRatio": 7,
        "standard": "WCAG-AAA"
      },
      {
        "type": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "WCAG 2.1 Level AA contrast minimum for body text — the floor below which the surface no longer reads as Notion.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.identity",
        "severity": "error",
        "rationale": "Notion's trademark and brand guidance restrict use of the mark in ways that imply endorsement or appear on competing-product surfaces without explicit license.\n",
        "forbiddenContexts": [
          "decorative-only",
          "product-of-competitor",
          "endorsement-implication"
        ]
      },
      {
        "type": "numericRatio",
        "target": "typography.body.lineHeight",
        "severity": "recommendation",
        "rationale": "Notion's product surface reads with generous line-height — typically in the 1.5–1.7 band. Tighter values break the calm typographic rhythm; looser values feel decorative.\n",
        "min": 1.5,
        "max": 1.7
      },
      {
        "type": "accessibilityRequirement",
        "target": "*",
        "severity": "error",
        "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. Notion's pure-black-on-white default starts well above AA; Notion-skinned surfaces must hold that floor.\n",
        "standard": "WCAG-AA",
        "criterion": "1.4.3"
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://www.notion.com",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Notion and the Notion mark are trademarks of Notion Labs, Inc. The signature mark color (pure black, #000000) is verified via the simple-icons brand database, which cites notion.so as the source. The near-monochrome institutional identity is uniformly documented across notion.com.\n",
      "importedDate": "2026-05-17",
      "notes": "Notion's brand reads heavily on typography. Inter is widely used on notion.com (verified by inspecting the rendered site) and is referenced here as the primary face. In-product accent colors (callout / tag colors) exist but are not published as brand-level hex values; brand-atoms therefore catalogues the near-monochrome identity only and intentionally omits accent hex values to satisfy the no-fabrication rule.\n"
    },
    "com.brand-atoms.references": {
      "palette": "notion@1.0.0",
      "fonts": {
        "heading": "inter@1.0.0",
        "body": "inter@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}