{
  "$description": "Brand: Epic Games (epic-games@1.0.0)",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette epic-games@1.0.0",
      "ink": {
        "$value": "#101014",
        "$type": "color",
        "$description": "Page canvas — the Epic Games Store's primary dark background. Captured from the html background-color on store.epicgames.com.\n"
      },
      "ink-deep": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Pure black for hero artwork grounds and modal scrims.\n"
      },
      "graphite": {
        "$value": "#202024",
        "$type": "color",
        "$description": "Elevated surface on the Ink canvas — card backgrounds and header chrome.\n"
      },
      "graphite-mid": {
        "$value": "#2A2A2E",
        "$type": "color",
        "$description": "Mid graphite — secondary card surfaces and quiet panel backgrounds.\n"
      },
      "graphite-light": {
        "$value": "#404044",
        "$type": "color",
        "$description": "Secondary button surface — observed as the default fill on the page chrome's secondary buttons.\n"
      },
      "fog-dark": {
        "$value": "#5A5A5E",
        "$type": "color",
        "$description": "Tertiary text on dark canvas; quiet icon fills.\n"
      },
      "fog": {
        "$value": "#A6A6A6",
        "$type": "color",
        "$description": "Secondary text on dark canvas; observed as rgba(255,255,255, 0.65) on disabled link affordances.\n"
      },
      "fog-light": {
        "$value": "#D0D0D0",
        "$type": "color",
        "$description": "Quiet body-on-dark text and pale icon fills.\n"
      },
      "snow": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Pure white — the Epic Games Store's primary CTA fill (white surface with Ink text). Also the brand mark's positive fill.\n"
      },
      "snow-mid": {
        "$value": "#F5F5F5",
        "$type": "color",
        "$description": "Pale surface — alternate card background and quiet promotional treatments.\n"
      },
      "action-blue": {
        "$value": "#0078F2",
        "$type": "color",
        "$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"
      },
      "hot-pink": {
        "$value": "#FF1F8A",
        "$type": "color",
        "$description": "Promotional / discount sticker accent observed on hero banners and sale stickers across the storefront.\n"
      },
      "signal-green": {
        "$value": "#26BBA4",
        "$type": "color",
        "$description": "Free-claim / \"now free\" sticker accent observed on the weekly free-game banners.\n"
      },
      "alert-red": {
        "$value": "#D8453A",
        "$type": "color",
        "$description": "Destructive-action / error red used for \"remove from wishlist\" and refund-related affordances.\n"
      }
    }
  },
  "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": "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"
        ]
      }
    ],
    "com.brand-atoms.assets": [],
    "com.brand-atoms.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"
    },
    "com.brand-atoms.references": {
      "palette": "epic-games@1.0.0",
      "fonts": {
        "heading": "inter@1.0.0",
        "body": "inter@1.0.0",
        "mono": "jetbrainsmono-nerdfont@1.0.0"
      }
    }
  }
}