{
  "id": "rga",
  "title": "R/GA",
  "url": "https://www.rga.com",
  "tags": [
    "agency",
    "brand"
  ],
  "colors": {
    "principle": "Extreme contrast between absolute black and white, with a single sharp red accent.",
    "bg": "#000000",
    "bgSoft": "#FFFFFF",
    "bgQuiet": null,
    "ink": "#FFFFFF",
    "inkSoft": "#3C3B3B",
    "muted": "#999999",
    "mutedSoft": null,
    "accent": "#FF0000",
    "line": "rgba(230, 230, 230, 1)"
  },
  "typography": {
    "rules": [
      "Hero text is set in all-caps with tight tracking and heavy weight.",
      "Body text uses a clean, readable grotesque-sans.",
      "Line heights are tight on large display type, comfortable on body text."
    ],
    "scaleUses": [
      "Primary hero headline",
      "Section headings",
      "Main body text"
    ],
    "display": "grotesque-sans",
    "body": "grotesque-sans",
    "mono": null,
    "scale": [
      {
        "token": "display",
        "size": 120,
        "lh": 0.95,
        "weight": 700,
        "ls": "-2px"
      },
      {
        "token": "heading",
        "size": 27,
        "lh": 1.2,
        "weight": 700,
        "ls": "-0.5px"
      },
      {
        "token": "body",
        "size": 16,
        "lh": 1.5,
        "weight": 400,
        "ls": "0px"
      }
    ]
  },
  "spacing": {
    "rhythm": "Generous vertical spacing between major sections and tight grouping within content blocks.",
    "base": 4,
    "scale": [
      4,
      8,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "surfaces": {
    "shadows": [],
    "borders": "Minimal, typically 1px lines in light gray (#E6E6E6) for dividers.",
    "radius": {
      "sm": 0,
      "md": 0,
      "lg": 0,
      "pill": 999
    }
  },
  "layout": {
    "skeleton": "Full-width hero sections followed by clean, left-aligned content blocks on a white background.",
    "container": 1440,
    "paragraph": 680,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "Color and opacity transitions on interactive elements."
    ],
    "durations": {
      "micro": 250,
      "small": 300,
      "medium": 300
    },
    "easing": "cubic-bezier(0.4, 0.0, 0.2, 1)"
  },
  "identity": {
    "keywords": [
      "innovation",
      "technology",
      "systems",
      "brand",
      "creative"
    ],
    "analogy": "A precision-engineered industrial design firm",
    "oneLiner": "A bold, high-contrast agency site that uses massive typography and a strict monochrome palette to project creative authority and technological confidence."
  },
  "components": {
    "button": "Clean text-based navigation links, uppercase in header.",
    "card": "None visible, layout is section-based.",
    "chip": "None visible.",
    "input": "None visible.",
    "hero": "Massive, full-viewport black section with dominant all-caps white typography."
  },
  "interaction": {
    "hover": "Color transitions (0.3s ease-in-out) on navigation links.",
    "click": "Standard pointer cursor on all interactive elements.",
    "transition": "Smooth color changes for links and buttons.",
    "keyboard": "Standard focus management for accessibility."
  },
  "voice": {
    "tone": "Confident, authoritative, and forward-looking.",
    "headlineStyle": "Declarative, all-caps statements about capability and purpose.",
    "ctaStyle": "Simple, direct invitations like 'See how we can help'.",
    "avoid": [
      "Cutesy or overly casual language.",
      "Decorative or overly complex visual elements.",
      "Cluttered layouts or low-contrast text."
    ]
  },
  "donts": [
    "Don't use gradients — the design uses solid, flat blocks of color.",
    "Don't use soft shadows — surfaces are defined by contrast and clean lines.",
    "Don't use rounded corners on major containers — the aesthetic is sharp and rectangular.",
    "Don't use muted, low-contrast colors — the palette is strictly black, white, and a single red accent.",
    "Don't use decorative illustrations in the main layout — typography is the primary visual element.",
    "Don't use center-aligned text — headlines and body text are left-aligned."
  ],
  "systemPrompt": "A high-end digital agency website for R/GA. It positions itself as a creative innovation company for the intelligence age. The visual system is built on extreme contrast: a solid black (#000000) background for hero sections and crisp white (#FFFFFF) for content areas. The primary typography is a bold, tight-tracked grotesque-sans (Helvetica variable) in all-caps for headlines, with a clean sans-serif for body text. A single, sharp red (#FF0000) accent is used sparingly in the logo. Critical donts: never use gradients or drop shadows, never round major corners, and avoid any low-contrast or muted color combinations. The layout is spacious and left-aligned, emphasizing the massive, dominant typography."
}