{
  "id": "the-atlantic",
  "version": "1.0.0",
  "name": "The Atlantic",
  "description": "The Atlantic is a 165-year-old American magazine — founded 1857 — known for long-form essay journalism on politics, ideas, and culture. The visual identity is paper-toned and considered: warm cream canvas, deep ink body, a signature ™-red (#E7131A) for the masthead lockup, and a calm cyan-blue for trusted-source link affordances. The proprietary Lyon (display serif), Atlantic Condensed, Druk, and Goldwyn carry the editorial voice, with Graphik handling sans-serif chrome.\n",
  "provenance": {
    "source": "https://www.theatlantic.com/",
    "license": "Proprietary — All Rights Reserved",
    "attribution": "The Atlantic Monthly Group LLC — visual identity captured from the deployed Next.js stylesheet at cdn.theatlantic.com/ _next/static/css/. The Atlantic, the Lyon / Atlantic Condensed / Druk / Goldwyn / Graphik typefaces are property of The Atlantic.\n",
    "importedDate": "2026-05-19",
    "notes": "Derived from live site CSS at https://www.theatlantic.com/ on 2026-05-19; no public brand guide located. The proprietary Lyon (display serif — Kai Bernau's design, licensed by The Atlantic), Atlantic Condensed, Druk (display sans by Commercial Type), Goldwyn, and Graphik (sans by Commercial Type) typefaces are declared on the live stylesheet but are not publicly distributed in the cuts The Atlantic licenses. Open-source substitutes — lora@1 for body prose, playfair-display@1 for the display serif role, inter@1 for sans — are referenced from the brand atom.\n"
  },
  "tags": [
    "the-atlantic",
    "atlantic",
    "magazine",
    "journalism",
    "brand",
    "red",
    "cream",
    "serif",
    "essay"
  ],
  "palette": {
    "ref": "the-atlantic@1.0.0",
    "swatches": [
      {
        "id": "signature-red",
        "name": "Atlantic Red",
        "value": "#E7131A",
        "description": "The signature Atlantic red — masthead and ™ accent.",
        "aliases": []
      },
      {
        "id": "red-bright",
        "name": "Red Bright",
        "value": "#F0204F",
        "description": "Brighter red for live-update and emphasis.",
        "aliases": []
      },
      {
        "id": "red-deep",
        "name": "Red Deep",
        "value": "#D0021B",
        "description": "Deeper red — pressed states and editorial emphasis.",
        "aliases": []
      },
      {
        "id": "cream",
        "name": "Cream",
        "value": "#FAF4EB",
        "description": "Warm cream canvas — the Atlantic paper tone.",
        "aliases": []
      },
      {
        "id": "white",
        "name": "White",
        "value": "#FFFFFF",
        "description": "Bright white — high-contrast canvas alternate.",
        "aliases": []
      },
      {
        "id": "surface-light",
        "name": "Surface Light",
        "value": "#F7F7F7",
        "description": "Cool quiet surface.",
        "aliases": []
      },
      {
        "id": "surface-tint",
        "name": "Surface Tint",
        "value": "#F5F5F5",
        "description": "Lighter cool surface.",
        "aliases": []
      },
      {
        "id": "surface-quiet",
        "name": "Surface Quiet",
        "value": "#F4F4F4",
        "description": "Subtle inset surface.",
        "aliases": []
      },
      {
        "id": "surface-faint",
        "name": "Surface Faint",
        "value": "#F0F0F0",
        "description": "Faintest quiet surface tint.",
        "aliases": []
      },
      {
        "id": "ink",
        "name": "Ink",
        "value": "#1E1E1E",
        "description": "Primary body text — the Atlantic ink.",
        "aliases": []
      },
      {
        "id": "ink-warm",
        "name": "Ink Warm",
        "value": "#2C2C2C",
        "description": "Warm body text variant.",
        "aliases": []
      },
      {
        "id": "ink-cool",
        "name": "Ink Cool",
        "value": "#2D2D2D",
        "description": "Cool body text variant.",
        "aliases": []
      },
      {
        "id": "graphite",
        "name": "Graphite",
        "value": "#39434B",
        "description": "Cool graphite — heading and deck color.",
        "aliases": []
      },
      {
        "id": "graphite-medium",
        "name": "Graphite Medium",
        "value": "#484542",
        "description": "Warm graphite — alternate body.",
        "aliases": []
      },
      {
        "id": "graphite-quiet",
        "name": "Graphite Quiet",
        "value": "#5E6A74",
        "description": "Quiet graphite — secondary text on light.",
        "aliases": []
      },
      {
        "id": "gray-disabled",
        "name": "Gray Disabled",
        "value": "#9B9B9B",
        "description": "Disabled text; quiet meta.",
        "aliases": []
      },
      {
        "id": "gray-border",
        "name": "Gray Border",
        "value": "#C1C1C1",
        "description": "Heavy border weight.",
        "aliases": []
      },
      {
        "id": "gray-divider",
        "name": "Gray Divider",
        "value": "#DBDBDB",
        "description": "Quiet rule weight.",
        "aliases": []
      },
      {
        "id": "cyan-deep",
        "name": "Cyan Deep",
        "value": "#00ADC3",
        "description": "Calm cyan — data viz and interactive emphasis.",
        "aliases": []
      },
      {
        "id": "cyan-bright",
        "name": "Cyan Bright",
        "value": "#31C6CC",
        "description": "Brighter cyan for hover and accent.",
        "aliases": []
      },
      {
        "id": "blue-link",
        "name": "Blue Link",
        "value": "#0076BF",
        "description": "Trusted-source link blue.",
        "aliases": []
      },
      {
        "id": "blue-link-deep",
        "name": "Blue Link Deep",
        "value": "#0066BE",
        "description": "Pressed blue link.",
        "aliases": []
      },
      {
        "id": "navy",
        "name": "Navy",
        "value": "#000929",
        "description": "Deep navy — dark accent surface.",
        "aliases": []
      },
      {
        "id": "gold",
        "name": "Gold",
        "value": "#FFC200",
        "description": "Warning gold; quiet editorial highlight.",
        "aliases": []
      }
    ],
    "modes": {
      "light": {
        "roles": {
          "background": "cream",
          "surface": "surface-light",
          "surface-elevated": "white",
          "text-primary": "ink",
          "text-secondary": "graphite",
          "text-tertiary": "graphite-quiet",
          "primary": "blue-link",
          "primary-hover": "blue-link-deep",
          "accent": "signature-red",
          "accent-hover": "red-deep",
          "warning": "gold",
          "error": "red-deep",
          "border": "gray-divider"
        }
      },
      "dark": {
        "roles": {
          "background": "ink",
          "surface": "graphite",
          "surface-elevated": "graphite-medium",
          "text-primary": "cream",
          "text-secondary": "gray-divider",
          "text-tertiary": "gray-border",
          "primary": "cyan-bright",
          "primary-hover": "cyan-deep",
          "accent": "signature-red",
          "accent-hover": "red-bright",
          "warning": "gold",
          "error": "red-bright",
          "border": "graphite"
        }
      }
    }
  },
  "fonts": [
    {
      "role": "heading",
      "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": "body",
      "ref": "lora@1.0.0",
      "family": "Lora",
      "classification": "serif",
      "source": {
        "kind": "google-fonts",
        "family": "Lora",
        "url": "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&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"
        }
      ]
    },
    {
      "role": "sans",
      "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": "cream",
      "on-identity": "ink",
      "primary": "blue-link",
      "primary-hover": "blue-link-deep",
      "accent": "signature-red",
      "accent-hover": "red-deep",
      "mark": "signature-red",
      "warning": "gold",
      "error": "red-deep",
      "text-primary-light": "ink",
      "text-primary-dark": "cream",
      "background-light": "cream",
      "background-dark": "ink",
      "surface-light": "surface-light",
      "surface-dark": "graphite",
      "text-secondary-light": "graphite",
      "text-tertiary-light": "graphite-quiet",
      "border-light": "gray-divider"
    },
    "typography": {
      "display": "heading",
      "prose": "body",
      "ui": "sans",
      "code": "mono"
    }
  },
  "assets": [],
  "rules": [
    {
      "type": "contrastRatio",
      "target": "text-primary",
      "severity": "error",
      "rationale": "Ink (#1E1E1E) on cream (#FAF4EB) gives ~15:1 — past AAA. The Atlantic's long-form essay format is the canonical reading posture for the brand; the AAA contrast target preserves legibility through long article sessions.\n",
      "against": "background",
      "minRatio": 7,
      "standard": "WCAG-AAA"
    },
    {
      "type": "colorChoice",
      "target": "roles.colors.mark",
      "severity": "error",
      "rationale": "The Atlantic ™ mark is rendered in the signature red on cream or white. The blue, cyan, gold, and navy colors are reserved for link/data/warning roles; recoloring the mark would conflict with the editorial-identity hierarchy.\n",
      "allowed": [
        "signature-red",
        "red-deep",
        "ink"
      ],
      "forbidden": [
        "blue-link",
        "cyan-deep",
        "gold",
        "navy"
      ]
    },
    {
      "type": "contextRestriction",
      "target": "roles.colors.accent",
      "severity": "error",
      "rationale": "The Atlantic red carries masthead and ™ semantic weight. The default link affordance is blue-link (#0076BF); using red as the in-copy link color would conflate identity-red with link-blue meaning.\n",
      "allowedContexts": [
        "masthead",
        "mark",
        "editorial-emphasis",
        "feature-callout"
      ],
      "forbiddenContexts": [
        "default-link",
        "error-state",
        "body-emphasis"
      ]
    },
    {
      "type": "fontPairing",
      "target": "typography.display",
      "severity": "error",
      "rationale": "The Atlantic pairs Lyon display serif with Lyon Text for body — the same family at distinct optical sizes. The display-to-prose hierarchy is central to the magazine's voice; a 1.5× minimum ratio preserves it when open-source substitutes (Playfair Display, Lora) stand in.\n",
      "requires": "prose",
      "minSizeRatio": 1.5
    },
    {
      "type": "forbiddenTreatment",
      "target": "logo",
      "severity": "error",
      "rationale": "The Atlantic's ™ wordmark — the script \"The\" over Atlantic Condensed — is a heavily standardized mark. Recoloring it away from the signature red, stretching, or applying effects conflicts with the brand's print-magazine voice.\n",
      "treatments": [
        "stretched",
        "rotated",
        "recolored",
        "drop-shadow",
        "gradient-fill",
        "on-busy-photo"
      ]
    },
    {
      "type": "accessibilityRequirement",
      "target": "*",
      "severity": "warning",
      "rationale": "WCAG 2.1 Success Criterion 1.4.6 (Contrast Enhanced) — Level AAA. The Atlantic's reader profile skews toward long, reflective reading sessions; the enhanced contrast target supports that posture, especially against the warm cream canvas.\n",
      "standard": "WCAG-AAA",
      "criterion": "1.4.6"
    },
    {
      "type": "enumMembership",
      "target": "typography.body.fontStyle",
      "severity": "warning",
      "rationale": "Lyon Text ships true italics as a separate face — synthetic oblique skews are forbidden in The Atlantic's typesetting and would degrade the substituting Lora face equivalently.\n",
      "allowed": [
        "normal",
        "italic"
      ],
      "forbidden": [
        "oblique"
      ]
    },
    {
      "type": "compositionConstraint",
      "target": "roles.colors.accent",
      "severity": "recommendation",
      "rationale": "The Atlantic red reads cleanest on the warm cream canvas, against the ink, or on bright white. Placing it adjacent to the link blue, cyan, or gold introduces a chromatic conflict between identity-red and semantic-state colors that the magazine layouts treat as distinct registers.\n",
      "pairsWith": [
        "cream",
        "white",
        "ink"
      ],
      "doesNotPairWith": [
        "blue-link",
        "cyan-deep",
        "gold"
      ]
    }
  ]
}