{
  "id": "superhuman",
  "version": "1.0.0",
  "name": "Superhuman",
  "description": "Superhuman is a premium email-and-productivity product positioned around speed, keyboard-first interaction, and AI-assisted triage. The visual identity is dark-first, dramatic, and unapologetically chromatic — a deep Mulberry-Black hero canvas (#241013) is the brand's signature marketing surface, paired with a warm off-white Neutral-0 (#FCFAF7) for light contexts. The primary accent is Purple-60 (#714CB6) on light surfaces and Purple-20 (#D4C7FF) on dark surfaces — a deliberate, theatrical purple that distinguishes Superhuman from the corporate-blue email field. Typography uses the proprietary \"Super Sans VF\" / \"Super Serif VF\" family, with Inter as the open-source rendering substitute.\n",
  "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"
  },
  "tags": [
    "superhuman",
    "email",
    "productivity",
    "brand",
    "purple",
    "dark-first",
    "premium"
  ],
  "palette": {
    "ref": "superhuman@1.0.0",
    "swatches": [
      {
        "id": "purple-60",
        "name": "Purple 60",
        "value": "#714CB6",
        "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",
        "aliases": []
      },
      {
        "id": "purple-80",
        "name": "Purple 80",
        "value": "#533192",
        "description": "Pressed / active variant of Purple-60.",
        "aliases": []
      },
      {
        "id": "purple-90",
        "name": "Purple 90",
        "value": "#3F256F",
        "description": "Deepest pressed purple — primary \"darker\" token.",
        "aliases": []
      },
      {
        "id": "purple-40",
        "name": "Purple 40",
        "value": "#9E7BE0",
        "description": "Mid-tone purple used in dark-mode primary affordance.",
        "aliases": []
      },
      {
        "id": "purple-30",
        "name": "Purple 30",
        "value": "#BEA1F5",
        "description": "Hover / lift variant on dark surfaces.",
        "aliases": []
      },
      {
        "id": "purple-20",
        "name": "Purple 20",
        "value": "#D4C7FF",
        "description": "Light-tint purple — dark-mode primary action token.",
        "aliases": []
      },
      {
        "id": "purple-10",
        "name": "Purple 10",
        "value": "#E8E0FF",
        "description": "Surface-tint purple for accent backgrounds in light mode.",
        "aliases": []
      },
      {
        "id": "mulberry-black",
        "name": "Mulberry Black",
        "value": "#241013",
        "description": "The dramatic near-black hero canvas — a warm mulberry-tinged black used as the dark-mode page background on superhuman.com.\n",
        "aliases": []
      },
      {
        "id": "mulberry-100",
        "name": "Mulberry 100",
        "value": "#421D24",
        "description": "Elevated dark-mode surface — the next step up from the Mulberry-Black canvas, used for dark-mode card and panel fills.\n",
        "aliases": []
      },
      {
        "id": "mulberry-80",
        "name": "Mulberry 80",
        "value": "#792D4B",
        "description": "Pressed accent on dark surfaces.",
        "aliases": []
      },
      {
        "id": "neutral-0",
        "name": "Neutral 0",
        "value": "#FCFAF7",
        "description": "Warm off-white page canvas in light mode — the Superhuman \"paper\" surface, slightly cream rather than pure white.\n",
        "aliases": []
      },
      {
        "id": "neutral-5",
        "name": "Neutral 5",
        "value": "#F7F5F2",
        "description": "Slight elevated surface tint in light mode.",
        "aliases": []
      },
      {
        "id": "neutral-10",
        "name": "Neutral 10",
        "value": "#F2F0EB",
        "description": "Secondary background / faded-light surface.",
        "aliases": []
      },
      {
        "id": "neutral-30",
        "name": "Neutral 30",
        "value": "#BFBCB6",
        "description": "Soft border / divider on warm surfaces.",
        "aliases": []
      },
      {
        "id": "neutral-60",
        "name": "Neutral 60",
        "value": "#73716D",
        "description": "Faded text / icon-soft token.",
        "aliases": []
      },
      {
        "id": "neutral-80",
        "name": "Neutral 80",
        "value": "#474543",
        "description": "Shadow / secondary text on dark surfaces.",
        "aliases": []
      },
      {
        "id": "neutral-90",
        "name": "Neutral 90",
        "value": "#292827",
        "description": "Primary body text on the warm canvas; also acts as the secondary-action base color.\n",
        "aliases": []
      },
      {
        "id": "neutral-100",
        "name": "Neutral 100",
        "value": "#141413",
        "description": "Deepest ink — heading text and high-contrast type.",
        "aliases": []
      },
      {
        "id": "gold-pro-60",
        "name": "Gold Pro 60",
        "value": "#E57300",
        "description": "Warm gold accent used for highlight and warning states.",
        "aliases": []
      },
      {
        "id": "orange-40",
        "name": "Orange 40",
        "value": "#F18333",
        "description": "Warning-light tone on dark surfaces.",
        "aliases": []
      },
      {
        "id": "red-40",
        "name": "Red 40",
        "value": "#F72A42",
        "description": "Error / destructive accent.",
        "aliases": []
      },
      {
        "id": "red-60",
        "name": "Red 60",
        "value": "#CD0037",
        "description": "Error base on light surfaces.",
        "aliases": []
      },
      {
        "id": "green-60",
        "name": "Green 60",
        "value": "#148072",
        "description": "Success base — Superhuman's teal-leaning green.",
        "aliases": []
      },
      {
        "id": "green-40",
        "name": "Green 40",
        "value": "#26A28B",
        "description": "Success-light / data-positive on dark surfaces.",
        "aliases": []
      },
      {
        "id": "sky-60",
        "name": "Sky 60",
        "value": "#0163C6",
        "description": "Focus-ring blue.",
        "aliases": []
      },
      {
        "id": "yellow-30",
        "name": "Yellow 30",
        "value": "#F9D255",
        "description": "Mid-yellow accent for highlights.",
        "aliases": []
      },
      {
        "id": "white",
        "name": "White",
        "value": "#FFFFFF",
        "description": "Base reversed-text and bright surface fill.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "neutral-0",
          "surface": "neutral-5",
          "surface-elevated": "white",
          "text-primary": "neutral-90",
          "text-secondary": "neutral-60",
          "text-tertiary": "neutral-30",
          "primary": "purple-60",
          "primary-hover": "purple-80",
          "accent": "purple-60",
          "accent-hover": "purple-80",
          "warning": "gold-pro-60",
          "warning-hover": "orange-40",
          "error": "red-60",
          "success": "green-60",
          "border": "neutral-30",
          "focus-ring": "sky-60"
        }
      },
      "dark": {
        "roles": {
          "background": "mulberry-black",
          "surface": "mulberry-100",
          "surface-elevated": "neutral-80",
          "text-primary": "white",
          "text-secondary": "neutral-10",
          "text-tertiary": "neutral-30",
          "primary": "purple-20",
          "primary-hover": "purple-30",
          "accent": "purple-20",
          "accent-hover": "purple-30",
          "warning": "orange-40",
          "warning-hover": "gold-pro-60",
          "error": "red-40",
          "success": "green-40",
          "border": "neutral-80",
          "focus-ring": "sky-60"
        }
      }
    }
  },
  "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": "mulberry-black",
      "on-identity": "white",
      "primary": "purple-60",
      "primary-hover": "purple-80",
      "accent": "purple-60",
      "accent-hover": "purple-80",
      "mark": "purple-60",
      "success": "green-60",
      "warning": "gold-pro-60",
      "error": "red-60",
      "text-primary-light": "neutral-90",
      "text-primary-dark": "white",
      "background-light": "neutral-0",
      "background-dark": "mulberry-black",
      "surface-light": "neutral-5",
      "surface-dark": "mulberry-100",
      "text-secondary-light": "neutral-60",
      "text-tertiary-light": "neutral-30",
      "border-light": "neutral-30"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "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"
      ]
    }
  ]
}