{
  "id": "notion",
  "version": "1.0.0",
  "name": "Notion",
  "description": "Notion is a connected workspace for notes, docs, knowledge bases, and project management — \"the AI workspace that works for you.\" The brand voice is calm, typographic, and disciplined: black ink on warm-white paper, a tiny rounded sans wordmark, generous whitespace, and a deliberate refusal of decorative color at the institutional level. Where competing productivity brands lead with hue, Notion leads with surface and type.\n",
  "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"
  },
  "tags": [
    "saas",
    "productivity",
    "notion",
    "monochrome",
    "minimal",
    "ai"
  ],
  "palette": {
    "ref": "notion@1.0.0",
    "swatches": [
      {
        "id": "notion-black",
        "name": "Notion Black",
        "value": "#000000",
        "description": "Signature mark and wordmark color on light surfaces. Verified brand mark hex.",
        "aliases": []
      },
      {
        "id": "notion-white",
        "name": "Notion White",
        "value": "#FFFFFF",
        "description": "Canvas on light mode; wordmark fill on dark mode.",
        "aliases": []
      },
      {
        "id": "notion-canvas-dark",
        "name": "Notion Canvas Dark",
        "value": "#191919",
        "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",
        "aliases": []
      },
      {
        "id": "notion-surface-dark",
        "name": "Notion Surface Dark",
        "value": "#2F2F2F",
        "description": "Authored elevated surface for dark mode.",
        "aliases": []
      },
      {
        "id": "notion-text-secondary-light",
        "name": "Notion Text Secondary (Light)",
        "value": "#787878",
        "description": "Authored secondary text — neutral mid-gray on light canvas.",
        "aliases": []
      },
      {
        "id": "notion-text-tertiary-light",
        "name": "Notion Text Tertiary (Light)",
        "value": "#A0A0A0",
        "description": "Authored tertiary / muted text on light.",
        "aliases": []
      },
      {
        "id": "notion-text-secondary-dark",
        "name": "Notion Text Secondary (Dark)",
        "value": "#A0A0A0",
        "description": "Authored secondary text on dark canvas.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "notion-white",
          "surface": "notion-white",
          "surface-elevated": "notion-white",
          "text-primary": "notion-black",
          "text-secondary": "notion-text-secondary-light",
          "text-tertiary": "notion-text-tertiary-light",
          "primary": "notion-black",
          "primary-hover": "notion-text-secondary-light",
          "accent": "notion-black",
          "accent-hover": "notion-text-secondary-light",
          "warning": "notion-black",
          "warning-hover": "notion-text-secondary-light",
          "error": "notion-black",
          "success": "notion-black"
        }
      },
      "dark": {
        "roles": {
          "background": "notion-canvas-dark",
          "surface": "notion-surface-dark",
          "surface-elevated": "notion-surface-dark",
          "text-primary": "notion-white",
          "text-secondary": "notion-text-secondary-dark",
          "text-tertiary": "notion-text-tertiary-light",
          "primary": "notion-white",
          "primary-hover": "notion-text-secondary-dark",
          "accent": "notion-white",
          "accent-hover": "notion-text-secondary-dark",
          "warning": "notion-white",
          "warning-hover": "notion-text-secondary-dark",
          "error": "notion-white",
          "success": "notion-white"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "ref": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "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": "inter@1.0.0",
      "family": "Inter",
      "classification": "sans-serif",
      "source": {
        "kind": "google-fonts",
        "family": "Inter",
        "url": "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
      },
      "fallbackStack": [
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "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": "jetbrainsmono-nerdfont@1.0.0",
      "family": "JetBrainsMono Nerd Font",
      "classification": "monospace",
      "source": {
        "kind": "external",
        "family": "JetBrainsMono Nerd Font",
        "notes": "Nerd-Font-patched build of JetBrains Mono. Not available via Google Fonts. Download woff2/ttf files from the Nerd Fonts GitHub release and self-host, or install system-wide for terminal/IDE use.\n"
      },
      "fallbackStack": [
        "JetBrains Mono",
        "Fira Code",
        "Menlo",
        "Monaco",
        "Consolas",
        "Liberation Mono",
        "monospace"
      ],
      "availableStyles": [
        {
          "weight": 100,
          "style": "normal"
        },
        {
          "weight": 100,
          "style": "italic"
        },
        {
          "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"
        }
      ]
    }
  ],
  "roles": {
    "colors": {
      "identity": "notion-black",
      "on-identity": "notion-white",
      "primary": "notion-black",
      "primary-hover": "notion-text-secondary-light",
      "accent": "notion-black",
      "accent-hover": "notion-text-secondary-light",
      "success": "notion-black",
      "warning": "notion-black",
      "error": "notion-black",
      "background-light": "notion-white",
      "background-dark": "notion-canvas-dark",
      "surface-light": "notion-white",
      "surface-dark": "notion-surface-dark",
      "text-primary-light": "notion-black",
      "text-primary-dark": "notion-white"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "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"
    }
  ]
}