{
  "id": "epic-games",
  "version": "1.0.0",
  "name": "Epic Games",
  "description": "Epic Games is the North Carolina–headquartered game developer and publisher behind Fortnite, Rocket League, the Epic Games Store, and the Unreal Engine real-time 3D platform. The Epic Games Store is the company's direct-to-consumer PC games storefront and free-weekly game distribution channel. The brand voice on the store is product-driven and reductive: hero art carries the color, while the chrome itself is a deep \"Ink\" near-black canvas with a white primary CTA and an Inter typographic stack. There is no chromatic brand primary in the storefront chrome — the structural identity reads as monochrome ink-on-white-on-ink, leaving the published-game artwork to provide chromatic variety.\nUnreal Engine is a separate brand cluster under the Epic Games umbrella and is documented in its own atom (unreal-engine@1).\n",
  "provenance": {
    "source": "https://store.epicgames.com/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "Epic Games, Inc. — visual identity captured from the deployed stylesheet on store.epicgames.com (html background, Inter font-family declaration, primary and secondary button fills). Epic Games, the Epic Games logo, the Epic Games Store logo, Fortnite, Rocket League, Unreal, and associated marks are trademarks of Epic Games, Inc.\n",
    "importedDate": "2026-05-19",
    "notes": "Derived from live site CSS at https://store.epicgames.com/ on 2026-05-19; no public Epic Games brand guide located. Epic Games' storefront uses Inter as the declared sans family (--font-family-sans-serif and computed body fontFamily = \"Inter, sans-serif\"), which is open-source — the inter@1 atom is the exact rendering. assets: [] per the encyclopedia's trademark-redistribution policy. Unreal Engine, also an Epic property, has its own atom (unreal-engine@1) with a distinct visual identity.\n"
  },
  "tags": [
    "epic-games",
    "gaming",
    "store",
    "fortnite",
    "dark-first",
    "monochrome"
  ],
  "palette": {
    "ref": "epic-games@1.0.0",
    "swatches": [
      {
        "id": "ink",
        "name": "Ink",
        "value": "#101014",
        "description": "Page canvas — the Epic Games Store's primary dark background. Captured from the html background-color on store.epicgames.com.\n",
        "aliases": []
      },
      {
        "id": "ink-deep",
        "name": "Ink Deep",
        "value": "#000000",
        "description": "Pure black for hero artwork grounds and modal scrims.\n",
        "aliases": []
      },
      {
        "id": "graphite",
        "name": "Graphite",
        "value": "#202024",
        "description": "Elevated surface on the Ink canvas — card backgrounds and header chrome.\n",
        "aliases": []
      },
      {
        "id": "graphite-mid",
        "name": "Graphite Mid",
        "value": "#2A2A2E",
        "description": "Mid graphite — secondary card surfaces and quiet panel backgrounds.\n",
        "aliases": []
      },
      {
        "id": "graphite-light",
        "name": "Graphite Light",
        "value": "#404044",
        "description": "Secondary button surface — observed as the default fill on the page chrome's secondary buttons.\n",
        "aliases": []
      },
      {
        "id": "fog-dark",
        "name": "Fog Dark",
        "value": "#5A5A5E",
        "description": "Tertiary text on dark canvas; quiet icon fills.\n",
        "aliases": []
      },
      {
        "id": "fog",
        "name": "Fog",
        "value": "#A6A6A6",
        "description": "Secondary text on dark canvas; observed as rgba(255,255,255, 0.65) on disabled link affordances.\n",
        "aliases": []
      },
      {
        "id": "fog-light",
        "name": "Fog Light",
        "value": "#D0D0D0",
        "description": "Quiet body-on-dark text and pale icon fills.\n",
        "aliases": []
      },
      {
        "id": "snow",
        "name": "Snow",
        "value": "#FFFFFF",
        "description": "Pure white — the Epic Games Store's primary CTA fill (white surface with Ink text). Also the brand mark's positive fill.\n",
        "aliases": []
      },
      {
        "id": "snow-mid",
        "name": "Snow Mid",
        "value": "#F5F5F5",
        "description": "Pale surface — alternate card background and quiet promotional treatments.\n",
        "aliases": []
      },
      {
        "id": "action-blue",
        "name": "Action Blue",
        "value": "#0078F2",
        "description": "Inline link accent observed on the marketing-site link surfaces. Not the primary CTA — Epic's primary action is a white surface with ink text — but the established hue for inline links and focus rings.\n",
        "aliases": []
      },
      {
        "id": "hot-pink",
        "name": "Hot Pink",
        "value": "#FF1F8A",
        "description": "Promotional / discount sticker accent observed on hero banners and sale stickers across the storefront.\n",
        "aliases": []
      },
      {
        "id": "signal-green",
        "name": "Signal Green",
        "value": "#26BBA4",
        "description": "Free-claim / \"now free\" sticker accent observed on the weekly free-game banners.\n",
        "aliases": []
      },
      {
        "id": "alert-red",
        "name": "Alert Red",
        "value": "#D8453A",
        "description": "Destructive-action / error red used for \"remove from wishlist\" and refund-related affordances.\n",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "snow",
          "surface": "snow-mid",
          "surface-elevated": "snow",
          "text-primary": "ink",
          "text-secondary": "fog-dark",
          "text-tertiary": "fog",
          "primary": "ink",
          "primary-hover": "graphite-light",
          "accent": "action-blue",
          "accent-hover": "action-blue",
          "warning": "hot-pink",
          "warning-hover": "hot-pink",
          "error": "alert-red",
          "success": "signal-green",
          "border": "fog-light"
        }
      },
      "dark": {
        "roles": {
          "background": "ink",
          "surface": "graphite",
          "surface-elevated": "graphite-mid",
          "text-primary": "snow",
          "text-secondary": "fog-light",
          "text-tertiary": "fog",
          "primary": "snow",
          "primary-hover": "fog-light",
          "accent": "action-blue",
          "accent-hover": "action-blue",
          "warning": "hot-pink",
          "warning-hover": "hot-pink",
          "error": "alert-red",
          "success": "signal-green",
          "border": "graphite-light"
        }
      }
    }
  },
  "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": "ink",
      "on-identity": "snow",
      "primary": "snow",
      "primary-hover": "fog-light",
      "accent": "action-blue",
      "accent-hover": "action-blue",
      "mark": "snow",
      "success": "signal-green",
      "warning": "hot-pink",
      "error": "alert-red",
      "text-primary-light": "ink",
      "text-primary-dark": "snow",
      "background-light": "snow",
      "background-dark": "ink",
      "surface-light": "snow-mid",
      "surface-dark": "graphite",
      "text-secondary-light": "fog-dark",
      "text-tertiary-light": "fog",
      "border-light": "fog-light"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "colorChoice",
      "target": "roles.colors.mark",
      "severity": "error",
      "rationale": "The Epic Games and Epic Games Store wordmarks render in pure monochrome on the live storefront — white-on-Ink in the standard dark chrome and Ink-on-white in inverted contexts. The store's promotional accents (hot-pink for discount stickers, signal-green for free-claim banners, action-blue for inline links) are content affordances, not identity colors; substituting them for the mark fill reads as a co-branded lockup, not as Epic.\n",
      "allowed": [
        "snow",
        "ink"
      ],
      "forbidden": [
        "action-blue",
        "hot-pink",
        "signal-green",
        "alert-red",
        "fog",
        "graphite-light"
      ]
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "Epic Games' identity is reductive by design — the storefront chrome itself uses no gradient, drop-shadow, or photo-embedded logo treatments. Recoloring, rotating, gradient-filling, or placing the mark on a busy photo conflicts with the brand's deliberate restraint.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "gradient-fill",
        "on-busy-photo",
        "outlined"
      ]
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.primary",
      "severity": "error",
      "rationale": "The Epic Games Store's primary action is a white surface with Ink text — observed as the canonical \"Save Now / Get / Buy\" CTA on the live store. The accent colors (action-blue, hot-pink, signal-green, alert-red) carry links, promotional stickers, free-claim banners, and destructive affordances respectively; substituting any of them for the primary action breaks the store's monochrome chrome grammar.\n",
      "allowed": [
        "snow",
        "ink",
        "graphite-light"
      ],
      "forbidden": [
        "action-blue",
        "hot-pink",
        "signal-green",
        "alert-red"
      ]
    },
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Snow (#FFFFFF) on Ink (#101014) measures ~19:1 — clears AAA decisively. The monochrome chrome is designed around this high-contrast pairing; consumers should not weaken it.\n",
      "against": "background",
      "minRatio": 7,
      "standard": "WCAG-AAA"
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.accent",
      "severity": "warning",
      "rationale": "Action-blue (#0078F2) is an inline-link affordance inside the storefront's product chrome — links inside descriptions, focus rings, hover states. It must not appear as headline color, logo fill, or primary CTA — the store's primary CTA is the monochrome snow-on-ink (or ink-on-snow) surface.\n",
      "allowedContexts": [
        "inline-link",
        "focus-ring",
        "active-state"
      ],
      "forbiddenContexts": [
        "logo",
        "hero-headline",
        "brand-badge",
        "primary-cta"
      ]
    },
    {
      "type": "enumMembership",
      "target": "typography.heading.fontWeight",
      "severity": "warning",
      "rationale": "Epic Games' storefront uses Inter at Regular (400), Medium (500), SemiBold (600), and Bold (700) — observed on the live h1 (font-weight: 700) and the body computed font stack. The lighter cuts (100, 200, 300) and heavier cuts (800, 900) are not exercised by the store chrome.\n",
      "allowed": [
        "400",
        "500",
        "600",
        "700"
      ]
    },
    {
      "type": "fontPairing",
      "target": "typography.display",
      "severity": "recommendation",
      "rationale": "The Epic Games Store uses Inter for both display headlines and body text, distinguished by size and weight rather than two families. Maintain at least a 1.5× display-to- prose size ratio to preserve hierarchy when one family carries both roles.\n",
      "requires": "prose",
      "minSizeRatio": 1.5
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "error",
      "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The monochrome storefront pairs clear AA at the body- text floor with significant headroom; the snow-on-ink pairing (per the contrastRatio rule above) is held to AAA.\n",
      "standard": "WCAG-AA",
      "criterion": "1.4.3"
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.mark",
      "severity": "error",
      "rationale": "The Epic Games mark pairs only with the monochrome neutrals — Ink, Graphite, Snow. Placing the mark on the promotional hot-pink, signal-green, or action-blue surfaces reads as a co-branded lockup or sub-brand treatment, not as the parent Epic Games identity.\n",
      "pairsWith": [
        "ink",
        "snow",
        "graphite",
        "graphite-mid"
      ],
      "doesNotPairWith": [
        "hot-pink",
        "signal-green",
        "action-blue"
      ]
    }
  ]
}