{
  "$description": "Brand: Superhuman (superhuman@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette superhuman@1.0.0",
      "purple-60": {
        "$value": "#714CB6",
        "$type": "color",
        "$description": "Superhuman's primary identity hue — the Purple-60 brand anchor used as --color-action-primary in light mode and as the dominant marketing-accent color.\n"
      },
      "purple-80": {
        "$value": "#533192",
        "$type": "color",
        "$description": "Pressed / active variant of Purple-60."
      },
      "purple-90": {
        "$value": "#3F256F",
        "$type": "color",
        "$description": "Deepest pressed purple — primary \"darker\" token."
      },
      "purple-40": {
        "$value": "#9E7BE0",
        "$type": "color",
        "$description": "Mid-tone purple used in dark-mode primary affordance."
      },
      "purple-30": {
        "$value": "#BEA1F5",
        "$type": "color",
        "$description": "Hover / lift variant on dark surfaces."
      },
      "purple-20": {
        "$value": "#D4C7FF",
        "$type": "color",
        "$description": "Light-tint purple — dark-mode primary action token."
      },
      "purple-10": {
        "$value": "#E8E0FF",
        "$type": "color",
        "$description": "Surface-tint purple for accent backgrounds in light mode."
      },
      "mulberry-black": {
        "$value": "#241013",
        "$type": "color",
        "$description": "The dramatic near-black hero canvas — a warm mulberry-tinged black used as the dark-mode page background on superhuman.com.\n"
      },
      "mulberry-100": {
        "$value": "#421D24",
        "$type": "color",
        "$description": "Elevated dark-mode surface — the next step up from the Mulberry-Black canvas, used for dark-mode card and panel fills.\n"
      },
      "mulberry-80": {
        "$value": "#792D4B",
        "$type": "color",
        "$description": "Pressed accent on dark surfaces."
      },
      "neutral-0": {
        "$value": "#FCFAF7",
        "$type": "color",
        "$description": "Warm off-white page canvas in light mode — the Superhuman \"paper\" surface, slightly cream rather than pure white.\n"
      },
      "neutral-5": {
        "$value": "#F7F5F2",
        "$type": "color",
        "$description": "Slight elevated surface tint in light mode."
      },
      "neutral-10": {
        "$value": "#F2F0EB",
        "$type": "color",
        "$description": "Secondary background / faded-light surface."
      },
      "neutral-30": {
        "$value": "#BFBCB6",
        "$type": "color",
        "$description": "Soft border / divider on warm surfaces."
      },
      "neutral-60": {
        "$value": "#73716D",
        "$type": "color",
        "$description": "Faded text / icon-soft token."
      },
      "neutral-80": {
        "$value": "#474543",
        "$type": "color",
        "$description": "Shadow / secondary text on dark surfaces."
      },
      "neutral-90": {
        "$value": "#292827",
        "$type": "color",
        "$description": "Primary body text on the warm canvas; also acts as the secondary-action base color.\n"
      },
      "neutral-100": {
        "$value": "#141413",
        "$type": "color",
        "$description": "Deepest ink — heading text and high-contrast type."
      },
      "gold-pro-60": {
        "$value": "#E57300",
        "$type": "color",
        "$description": "Warm gold accent used for highlight and warning states."
      },
      "orange-40": {
        "$value": "#F18333",
        "$type": "color",
        "$description": "Warning-light tone on dark surfaces."
      },
      "red-40": {
        "$value": "#F72A42",
        "$type": "color",
        "$description": "Error / destructive accent."
      },
      "red-60": {
        "$value": "#CD0037",
        "$type": "color",
        "$description": "Error base on light surfaces."
      },
      "green-60": {
        "$value": "#148072",
        "$type": "color",
        "$description": "Success base — Superhuman's teal-leaning green."
      },
      "green-40": {
        "$value": "#26A28B",
        "$type": "color",
        "$description": "Success-light / data-positive on dark surfaces."
      },
      "sky-60": {
        "$value": "#0163C6",
        "$type": "color",
        "$description": "Focus-ring blue."
      },
      "yellow-30": {
        "$value": "#F9D255",
        "$type": "color",
        "$description": "Mid-yellow accent for highlights."
      },
      "white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Base reversed-text and bright surface fill."
      }
    }
  },
  "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": "contrastRatio",
        "target": "text-primary",
        "severity": "error",
        "rationale": "WCAG 2.1 Level AA contrast requirement for body text. Neutral-90 (#292827) on Neutral-0 (#FCFAF7) clears AA at ~13:1 in light mode; White on Mulberry-Black clears AA at ~17:1 in dark mode.\n",
        "against": "background",
        "minRatio": 4.5,
        "standard": "WCAG-AA"
      },
      {
        "type": "colorChoice",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Superhuman's primary action color is Purple-60 on light surfaces and Purple-20 on dark surfaces — this is the brand's single most distinguishing visual decision. Substituting any other chromatic erases the brand's intentional separation from the corporate-blue email field.\n",
        "allowed": [
          "purple-60",
          "purple-20"
        ],
        "forbidden": [
          "mulberry-80",
          "red-60",
          "gold-pro-60",
          "sky-60"
        ]
      },
      {
        "type": "forbiddenTreatment",
        "target": "logo",
        "severity": "error",
        "rationale": "Superhuman's mark is rendered as a single-color wordmark or monogram. Recolored, gradient-filled, or skewed treatments conflict with the brand's restrained, premium voice.\n",
        "treatments": [
          "stretched",
          "rotated",
          "recolored",
          "drop-shadow",
          "gradient-fill",
          "on-busy-photo"
        ]
      },
      {
        "type": "contextRestriction",
        "target": "roles.colors.identity",
        "severity": "recommendation",
        "rationale": "Mulberry-Black (#241013) is the marketing-hero canvas and dark-mode page background — it is NOT suitable as a surface-elevated card-fill or as the immediate background behind dense reading text (use Mulberry-100 #421D24 or Neutral-80 #474543 as the elevated dark surface instead).\n",
        "allowedContexts": [
          "marketing-site",
          "hero",
          "dark-surface"
        ],
        "forbiddenContexts": [
          "body-text-background"
        ]
      },
      {
        "type": "contrastRatio",
        "target": "roles.colors.primary",
        "severity": "error",
        "rationale": "Purple-60 on Neutral-0 must remain perceptible at link / large-text sizes. Below 3:1 the affordance for \"clickable\" collapses on the warm-off-white canvas. The brand's dark-mode pairing (Purple-20 on Mulberry-Black) clears 3:1 by a much larger margin.\n",
        "against": "background",
        "minRatio": 3,
        "standard": "WCAG-AA-large"
      },
      {
        "type": "fontPairing",
        "target": "typography.display",
        "severity": "recommendation",
        "rationale": "The Super Sans display face pairs with Super Serif for long-form prose on superhuman.com marketing surfaces. A 1.5× minimum display-to-prose size ratio preserves typographic hierarchy when the serif renders alongside the sans headlines.\n",
        "requires": "prose",
        "minSizeRatio": 1.5
      },
      {
        "type": "enumMembership",
        "target": "typography.body.fontWeight",
        "severity": "warning",
        "rationale": "The live superhuman.com stylesheet declares Super Sans at five custom weights — book (200), regular (460), medium (540), semibold (600), bold (700). The non-standard intermediate values are deliberate brand choices; other weights are not in the licensed variable-font cut.\n",
        "allowed": [
          "200",
          "460",
          "540",
          "600",
          "700"
        ]
      },
      {
        "type": "compositionConstraint",
        "target": "roles.colors.primary",
        "severity": "recommendation",
        "rationale": "Purple-60 reads cleanest against the warm-white canvas or the mulberry-black hero. Pairing it adjacent to Gold-Pro, Red, or Sky introduces a chromatic conflict that fights for attention without resolving into hierarchy — the supporting chromatics belong in illustration and data-viz contexts only.\n",
        "pairsWith": [
          "neutral-0",
          "mulberry-black",
          "white"
        ],
        "doesNotPairWith": [
          "gold-pro-60",
          "red-60",
          "sky-60"
        ]
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.provenance": {
      "source": "https://superhuman.com/",
      "license": "Proprietary — All Rights Reserved",
      "attribution": "Superhuman, the Superhuman wordmark, and the Super Sans / Super Serif / Super Sans Mono typefaces are property of Superhuman Labs, Inc. Brand colors and identity guidance documented here are derived from the deployed stylesheet on superhuman.com (--purple-*, --mulberry-*, --neutral-*, --color-* token families).\n",
      "importedDate": "2026-05-18",
      "notes": "Derived from live site CSS at https://superhuman.com on 2026-05-18; no public brand guide located. The proprietary brand typefaces (Super Sans VF, Super Serif VF, Super Sans Mono VF) are declared on superhuman.com via @font-face but are not publicly distributed. This atom references Inter@1 as the open-source rendering substitute for the sans roles. The brand is intentionally dark-first on the marketing surface — the Mulberry-Black canvas (#241013) is the brand's hero state, not a \"dark mode\" of a lighter design.\n"
    },
    "com.brand-atoms.references": {
      "palette": "superhuman@1.0.0",
      "fonts": {
        "heading": "inter@1.0.0",
        "body": "inter@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}
