{
  "name": "Anthropic style",
  "slug": "anthropic",
  "number": 1,
  "words": { "en": "Ivory, Editorial, Quiet", "ko": "아이보리, 에디토리얼, 고요함" },
  "source": ["https://www.anthropic.com", "https://claude.com"],
  "sample": { "url": "https://styles.vizney.com/anthropic/", "data": "orders.csv", "topic": "Monthly operations report of a fictional delivery company (Dawnroad · 새벽길), built from the chart grammar Anthropic publishes in model launches and research posts" },

  "colors": {
    "canvas":      { "hex": "#faf9f5", "role": "page background; also the paper inside a bordered launch figure (site gray-050)" },
    "card":        { "hex": "#f5f4ed", "role": "pills, tertiary buttons, chips (site gray-100)" },
    "card-2":      { "hex": "#f0eee6", "role": "the 'For reference' column of a comparison table (site gray-150)" },
    "card-3":      { "hex": "#ebe9e0", "role": "related-report cards, 16px radius" },
    "mat":         { "hex": "#e7e7db", "role": "research figure mat (8px radius) behind a figure panel" },
    "panel":       { "hex": "#fbf9f5", "role": "figure panel inside a mat, 16px radius" },
    "plot":        { "hex": "#ffffff", "role": "code workbench window and the plot inside it" },
    "cloud":       { "hex": "#c5d3e0", "role": "mat behind the code workbench (the product-page backdrop)" },
    "ink":         { "hex": "#141413", "role": "titles, figure frames and axes, table rules, primary button, footer, tooltips" },
    "ink-2":       { "hex": "#30302e", "role": "code, secondary button text" },
    "body":        { "hex": "#3d3d3a", "role": "running text, primary button hover" },
    "text-2":      { "hex": "#5e5d59", "role": "subtitles, captions, axis ticks and titles, notes (6.3:1 on canvas)" },
    "muted":       { "hex": "#73726c", "role": "the smallest text: section numbers, unselected tabs, mono labels (4.6:1 on canvas)" },
    "mark":        { "hex": "#87867f", "role": "gray marks that are not text: the 'by hand' bar, Other" },
    "grid":        { "hex": "#d1cfc5", "role": "gridlines in bordered figures, cells a rival wins" },
    "hair":        { "hex": "#e8e6dc", "role": "dividers, pill borders, the selected filter pill, light gridlines" },
    "hair-2":      { "hex": "#dedcd1", "role": "card top rules, secondary button and pager borders" },
    "on-dark":     { "hex": "#faf9f5", "role": "text on ink" },
    "on-dark-2":   { "hex": "#b0aea5", "role": "secondary text on ink, tooltip labels" },
    "accent":      { "hex": "#d97757", "role": "clay, the brand accent: the 3px outline of the subject column in a comparison table. Never a data series" },
    "accent-deep": { "hex": "#c6613f", "role": "clay for text or a clay control if one is ever needed" },
    "peach":       { "hex": "#ebc9b7", "role": "cells where the subject wins in a comparison table" },
    "good":        { "hex": "#4a7b00", "role": "favourable change, text only (4.8:1 on canvas)" },
    "bad":         { "hex": "#b0453b", "role": "unfavourable change, text only (5.3:1 on canvas)" },
    "focus":       { "hex": "#2c84db", "role": "focus ring (the site's --color-focus)" }
  },

  "data": {
    "surface": "#faf9f5",
    "categorical": [
      { "name": "orange · the subject",  "hex": "#eb6834", "text": "#b94a1c" },
      { "name": "aqua · our own past",   "hex": "#1baf7a", "text": "#008056" },
      { "name": "violet",                "hex": "#6150d3", "text": "#6150d3" }
    ],
    "other": "#87867f",
    "comparison": "#b0aea5",
    "reference": ["#73726c", "#c2c0b6"],
    "pair": { "before": "#6150d3", "after": "#4a7b00", "track": "#dad9d1" },
    "marks": { "tried": "#a2a09c", "rejected": "#8e8c88", "grid-panel": "#e3e2d8", "grid-frame": "#e5e3dc" },
    "sequential": ["#7db2f0", "#4f90dc", "#2f74c2", "#1a5ba0", "#16416f"],
    "diverging": ["#aa4518", "#dc6c40", "#eb9574", "#d1cfc5", "#7db2f0", "#4f90dc", "#1a64b0"],
    "status": { "good": "#4a7b00", "bad": "#b0453b", "neutral": "#87867f" },
    "validation": {
      "tool": "dataviz validate_palette.js (OKLab), on paper #faf9f5, panel #fbf9f5 and white #ffffff",
      "categorical": "orange/aqua/violet pass every check on paper and white: worst all-pairs CVD ΔE 9.2 (deutan, aqua↔orange), normal vision 27.6. Aqua is 2.67:1 on paper, so its marks carry a 1px ink outline and every chart has labels or a table",
      "reference": "rival grays #73726c and #c2c0b6 are neutral by design (the chroma floor does not apply); with orange and aqua the all-pairs CVD floor stays 9.2 and normal vision 18.1. Light gray is 1.73:1, so its markers always carry the ink outline",
      "comparison": "#b0aea5 dashed 2px against orange on white: CVD 13.0, normal 18.6; 2.2:1, so it is always dashed and end-labeled",
      "bars": "subject #eb6834 vs by-hand #87867f on the panel: CVD 9.5, normal 17.8, both ≥ 3:1",
      "steps": "best-so-far orange line vs tried points #a2a09c: CVD 12.0, normal 17.4; rejected changes also differ by shape (×)",
      "pair": "before #6150d3 / after #4a7b00 pass every check on the panel: CVD 28.7, normal 32.9; both ≥ 4.5:1, so they also label their own values",
      "diverging": "arms #eb9574→#aa4518 and #7db2f0→#1a64b0 each pass the ordinal checks (monotone, ΔL ≥ 0.06, light end ≥ 2:1); poles CVD 22.3, normal 27.3; the midpoint #d1cfc5 is neutral",
      "sequential": "one blue hue, monotone lightness, every step ≥ 0.06 ΔL, light end ≥ 2:1 on paper and on white",
      "status": "good 4.8:1 and bad 5.3:1 as text, but they do not separate for deutan vision (ΔE 2.8): status is never color alone — the value keeps its sign and the comparison words"
    }
  },

  "code": {
    "comment": "#6b6a64", "string": "#3f7d1a", "number": "#1a64b0", "keyword": "#ad502d", "function": "#6150d3",
    "property": "#30302e", "line-number": "#b8b6ae", "highlight": "#fdf5f0",
    "note": "every token color is ≥ 4.5:1 on white; comments are explanations, so they stay readable"
  },

  "typography": {
    "serif": { "en": "Source Serif 4", "ko": "Noto Serif KR", "weights": [400], "role": "the lede under the headline and section intros; never bold" },
    "sans":  { "en": "Inter", "ko": "Noto Sans KR", "weights": [400, 500, 600, 700], "role": "everything else: headline 700, figure titles 600–700, labels, numbers, charts" },
    "mono":  { "family": "JetBrains Mono", "weights": [400, 500], "role": "eyebrow, figure labels (FIGURE 2), pager, chips, file names, code" },
    "links": {
      "google": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;1,8..60,400&display=swap"
    },
    "scale": {
      "headline":     { "size": "clamp(28px, 3vw, 42px)", "weight": 700, "lineHeight": 1.1, "letterSpacing": "-0.022em", "family": "sans" },
      "kpi":          { "size": "42px", "weight": 600, "lineHeight": 1, "letterSpacing": "-0.03em", "family": "sans" },
      "sectionTitle": { "size": "32px", "weight": 700, "lineHeight": 1.15, "letterSpacing": "-0.02em", "family": "sans" },
      "matTitle":     { "size": "27px", "weight": 700, "lineHeight": 1.2, "letterSpacing": "-0.018em", "family": "sans", "align": "center" },
      "cardTitle":    { "size": "21px", "weight": 700, "lineHeight": 1.2, "family": "sans" },
      "lede":         { "size": "18px", "weight": 400, "lineHeight": 1.5, "family": "serif" },
      "panelTitle":   { "size": "17px", "weight": 600, "lineHeight": 1.4, "family": "sans" },
      "panelSubtitle":{ "size": "15px", "weight": 400, "family": "sans" },
      "figureTab":    { "size": "15px", "weight": 600, "family": "sans" },
      "body":         { "size": "14px", "weight": 400, "lineHeight": 1.5, "family": "sans" },
      "table":        { "size": "14px", "weight": 400, "family": "sans" },
      "caption":      { "size": "13px", "weight": 400, "lineHeight": 1.55, "family": "sans" },
      "legend":       { "size": "13px", "weight": 600, "family": "sans" },
      "axisTitle":    { "size": "12px", "weight": 400, "family": "sans" },
      "axis":         { "size": "11px", "weight": 400, "family": "sans" },
      "pointLabel":   { "size": "10.5px", "weight": 400, "family": "sans" },
      "figureLabel":  { "size": "11px", "weight": 400, "letterSpacing": "0.018em", "transform": "uppercase", "family": "mono" },
      "eyebrow":      { "size": "11px", "weight": 400, "letterSpacing": "0.1em", "transform": "uppercase", "family": "mono" },
      "code":         { "size": "12.5px", "weight": 400, "lineHeight": 1.62, "family": "mono" }
    }
  },

  "radius": { "figure": "0", "mat": "8px", "panel": "16px", "card": "16px", "window": "12px", "button": "10px", "button-sm": "8px", "pill": "999px", "tooltip": "6px", "chip": "6px" },
  "spacing": { "page": "32px", "gap": "16px", "row": "44px", "figure": "16px 18px", "mat": "26px 28px 28px", "panel": "22px 24px 18px", "cell": "10px 12px", "footer": "28px 32px 32px" },
  "layout": {
    "maxWidth": "1400px", "columns": 12, "header": "84px",
    "breakpoints": { "wide": 1360, "split": 1200, "mid": 1024, "narrow": 900, "phone": 640 },
    "rows": ["header 84px", "filter row", "headline 7 · KPIs 5", "launch figure 7 · comparison table 5", "card carousel (4/3/2/1 per page)", "research mat, full width", "two research mats 7 · 5 (subgrid)", "code workbench: package 208px · figure · code", "notes 7 · related 5", "ink footer"]
  },
  "motion": { "ease": "cubic-bezier(.165,.84,.44,1)", "button": "0.22s", "draw": "0.7s", "fade": "0.3s", "typing": "55ms per line, 380ms between steps" },

  "tools": {
    "tableau": { "palettes": "anthropic.tps", "fonts": "Tableau Book for text; Source Serif 4 only if installed on every viewing machine and the server" },
    "powerbi": { "theme": "powerbi-theme.json", "fontFamily": "Inter", "fallback": "Segoe UI", "visual": { "background": "canvas", "border": "ink", "plot": "canvas" } },
    "web": { "css": "tokens.css" }
  }
}