{
  "id": "the-verge",
  "version": "1.0.0",
  "name": "The Verge",
  "description": "The Verge is Vox Media's flagship tech-and-culture publication — a digital-native newsroom whose 2022 brand refresh established a distinctive electric-purple-and-neon-mint visual system. The identity reads as engineered for the screen: deep ink on bright white, a saturated electric purple (#5200FF) as primary action, and a fluorescent mint (#3CFFD0) for accent emphasis. The proprietary Manuka (display), Polysans (sans), FK Roman Standard (serif), and PolySansMono carry the editorial voice.\n",
  "provenance": {
    "source": "https://www.theverge.com/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Vox Media, LLC — visual identity captured from the deployed Next.js stylesheet at theverge.com/_next/static/css/. The Verge, Vox Media, and the Manuka / Polysans / FK Roman Standard typefaces are property of Vox Media, LLC.\n",
    "importedDate": "2026-05-19",
    "notes": "Derived from live site CSS at https://www.theverge.com/ on 2026-05-19; no public brand guide located. The proprietary Manuka, Polysans, FK Roman Standard, and PolySansMono typefaces are declared on the live stylesheet but are not publicly distributed. Open-source substitutes — inter@1 for the sans role, playfair-display@1 for the serif display role, and jetbrainsmono-nerdfont@1 for mono — are referenced here. The Verge's 2022 brand refresh by design lead Will Joel and the Vox in-house team has been widely covered.\n"
  },
  "tags": [
    "the-verge",
    "verge",
    "vox-media",
    "tech",
    "news",
    "brand",
    "electric",
    "digital"
  ],
  "palette": {
    "ref": "the-verge@1.0.0",
    "swatches": [
      {
        "id": "ink",
        "name": "Ink",
        "value": "#131313",
        "description": "Primary text and dark surface — the Verge ink.",
        "aliases": []
      },
      {
        "id": "black",
        "name": "Black",
        "value": "#000000",
        "description": "Absolute black; mark fills.",
        "aliases": []
      },
      {
        "id": "gray-bright",
        "name": "Gray Bright",
        "value": "#313131",
        "description": "Elevated surface in dark mode; secondary text.",
        "aliases": []
      },
      {
        "id": "gray-medium",
        "name": "Gray Medium",
        "value": "#4A4A4A",
        "description": "Secondary body text on light surfaces.",
        "aliases": []
      },
      {
        "id": "gray-muted",
        "name": "Gray Muted",
        "value": "#636363",
        "description": "Tertiary text; muted captions.",
        "aliases": []
      },
      {
        "id": "gray-quiet",
        "name": "Gray Quiet",
        "value": "#949494",
        "description": "Disabled text and quiet meta.",
        "aliases": []
      },
      {
        "id": "gray-border",
        "name": "Gray Border",
        "value": "#BDBDBD",
        "description": "Heavy border weight.",
        "aliases": []
      },
      {
        "id": "gray-divider",
        "name": "Gray Divider",
        "value": "#E9E9E9",
        "description": "Quiet rule weight.",
        "aliases": []
      },
      {
        "id": "gray-tint",
        "name": "Gray Tint",
        "value": "#EFEFEF",
        "description": "Quiet surface tint.",
        "aliases": []
      },
      {
        "id": "gray-surface",
        "name": "Gray Surface",
        "value": "#F6F6F6",
        "description": "Subtle inset surface.",
        "aliases": []
      },
      {
        "id": "white",
        "name": "White",
        "value": "#FFFFFF",
        "description": "Page canvas — the Verge bright sheet.",
        "aliases": []
      },
      {
        "id": "electric-purple",
        "name": "Electric Purple",
        "value": "#5200FF",
        "description": "Primary action color — the Verge electric accent.",
        "aliases": []
      },
      {
        "id": "electric-purple-pressed",
        "name": "Electric Purple Pressed",
        "value": "#3D00BF",
        "description": "Pressed / active variant of electric-purple.",
        "aliases": []
      },
      {
        "id": "electric-purple-light",
        "name": "Electric Purple Light",
        "value": "#A980FF",
        "description": "Lighter electric purple — quiet emphasis.",
        "aliases": []
      },
      {
        "id": "electric-purple-tint",
        "name": "Electric Purple Tint",
        "value": "#DFCFFF",
        "description": "Quiet surface tint of electric purple.",
        "aliases": []
      },
      {
        "id": "electric-purple-faint",
        "name": "Electric Purple Faint",
        "value": "#EEE6FF",
        "description": "Faint background tint.",
        "aliases": []
      },
      {
        "id": "neon-mint",
        "name": "Neon Mint",
        "value": "#3CFFD0",
        "description": "Bright accent — the Verge mint signal color.",
        "aliases": []
      },
      {
        "id": "neon-mint-tint",
        "name": "Neon Mint Tint",
        "value": "#D8F0E8",
        "description": "Quiet mint surface tint.",
        "aliases": []
      },
      {
        "id": "verge-green",
        "name": "Verge Green",
        "value": "#309875",
        "description": "Status / success green — the Verge confirmation color.",
        "aliases": []
      },
      {
        "id": "yellow-bright",
        "name": "Yellow Bright",
        "value": "#D6F31F",
        "description": "Verge accent yellow — quote highlights and tags.",
        "aliases": []
      },
      {
        "id": "yellow-faint",
        "name": "Yellow Faint",
        "value": "#FFFCD4",
        "description": "Faint yellow surface tint.",
        "aliases": []
      },
      {
        "id": "peach-faint",
        "name": "Peach Faint",
        "value": "#FFD5C8",
        "description": "Faint coral surface.",
        "aliases": []
      },
      {
        "id": "rose-faint",
        "name": "Rose Faint",
        "value": "#FFC2E7",
        "description": "Faint rose surface.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "white",
          "surface": "gray-surface",
          "surface-elevated": "white",
          "text-primary": "ink",
          "text-secondary": "gray-medium",
          "text-tertiary": "gray-muted",
          "primary": "electric-purple",
          "primary-hover": "electric-purple-pressed",
          "accent": "neon-mint",
          "accent-hover": "verge-green",
          "warning": "yellow-bright",
          "error": "electric-purple-pressed",
          "success": "verge-green",
          "border": "gray-divider"
        }
      },
      "dark": {
        "roles": {
          "background": "ink",
          "surface": "gray-bright",
          "surface-elevated": "gray-medium",
          "text-primary": "white",
          "text-secondary": "gray-divider",
          "text-tertiary": "gray-border",
          "primary": "electric-purple-light",
          "primary-hover": "electric-purple",
          "accent": "neon-mint",
          "accent-hover": "verge-green",
          "warning": "yellow-bright",
          "error": "electric-purple-light",
          "success": "neon-mint",
          "border": "gray-bright"
        }
      }
    }
  },
  "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": "serif",
      "ref": "playfair-display@1.0.0",
      "family": "Playfair Display",
      "classification": "serif",
      "source": {
        "kind": "google-fonts",
        "family": "Playfair Display",
        "url": "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap"
      },
      "fallbackStack": [
        "Iowan Old Style",
        "Apple Garamond",
        "Baskerville",
        "Times New Roman",
        "serif"
      ],
      "availableStyles": [
        {
          "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": "ink",
      "on-identity": "neon-mint",
      "primary": "electric-purple",
      "primary-hover": "electric-purple-pressed",
      "accent": "neon-mint",
      "accent-hover": "verge-green",
      "mark": "ink",
      "success": "verge-green",
      "warning": "yellow-bright",
      "error": "electric-purple-pressed",
      "text-primary-light": "ink",
      "text-primary-dark": "white",
      "background-light": "white",
      "background-dark": "ink",
      "surface-light": "gray-surface",
      "surface-dark": "gray-bright",
      "text-secondary-light": "gray-medium",
      "text-tertiary-light": "gray-muted",
      "border-light": "gray-divider"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "serif": "serif",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Ink (#131313) on white gives ~18:1 — well past AAA. The Verge's 2022 brand refresh emphasized accessibility as a first-class design constraint; the long-form review and explainer format justifies the AAA contrast target.\n",
      "against": "background",
      "minRatio": 7,
      "standard": "WCAG-AAA"
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "Electric purple (#5200FF) is The Verge's primary action color in the 2022 refresh — CTAs, in-copy links, and interactive emphasis. Neon mint is an accent reserved for decorative emphasis and ornament; using it for the primary role would collapse the action/accent hierarchy the brand establishes.\n",
      "allowed": [
        "electric-purple",
        "electric-purple-pressed",
        "electric-purple-light"
      ],
      "forbidden": [
        "neon-mint",
        "verge-green",
        "yellow-bright"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.accent",
      "severity": "error",
      "rationale": "Neon mint (#3CFFD0) is high-saturation and bright; it functions as ornament and feature-callout in Verge layouts, not as a CTA or destructive-action color. Substituting it for primary action would conflict with the saturation/role hierarchy the refresh established.\n",
      "allowedContexts": [
        "ornament",
        "editorial-emphasis",
        "feature-callout",
        "section-tag"
      ],
      "forbiddenContexts": [
        "default-cta",
        "error-state",
        "destructive-action"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "The Verge wordmark and ™ logo lockup are governed brand assets. Stretching, rotating, applying gradient fills, or placing the mark on a busy photograph conflicts with the brand's high-contrast, type-led identity system.\n",
      "treatments": [
        "stretched",
        "rotated",
        "drop-shadow",
        "on-busy-photo",
        "gradient-fill"
      ]
    },
    {
      "type": "fontPairing",
      "target": "typography.heading",
      "severity": "error",
      "rationale": "Verge headlines pair the Manuka display face with Polysans body at a clear typographic step. A 1.5× minimum ratio preserves the hierarchy when open-source substitutes (Inter for body and display sans, Playfair Display where a serif is required) stand in for the proprietary primaries.\n",
      "requires": "body",
      "minSizeRatio": 1.5
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "warning",
      "rationale": "WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced) — Level AAA. The 2022 refresh explicitly emphasized accessibility; the enhanced contrast target reinforces that commitment in this brand atom.\n",
      "standard": "WCAG-AAA",
      "criterion": "1.4.6"
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Polysans on theverge.com is published across Regular through Black. The full weight range is part of the typographic voice; synthetic weights outside this range would degrade the display face.\n",
      "allowed": [
        "400",
        "500",
        "600",
        "700",
        "800",
        "900"
      ]
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.accent",
      "severity": "recommendation",
      "rationale": "Neon mint reads cleanest against ink, white, or its complementary electric purple. Placing it adjacent to the bright yellow or rose faint introduces a chromatic collision that defeats the high-contrast hierarchy the Verge refresh depends on.\n",
      "pairsWith": [
        "ink",
        "white",
        "electric-purple"
      ],
      "doesNotPairWith": [
        "yellow-bright",
        "rose-faint"
      ]
    }
  ]
}