{
  "_meta": {
    "brand": "Atlas Agency",
    "source": "Gemeten op https://atlasagency.nl (Odoo website 6) en in atlas_agency_native/agency.scss (v5, 2026-10-03). Dit is het enige bestand met merkwaarden: pas het aan en draai build.py opnieuw.",
    "measured": "3 oktober 2026",
    "version": "1.0"
  },
  "color": {
    "blue-deep": {"hex": "#0284C7", "name": "Diepblauw", "role": "o-color-1. Primaire themakleur van Odoo, verlopen en accentvlakken.", "odoo": "o-color-1"},
    "blue":      {"hex": "#0EA5FF", "name": "Agency-blauw", "role": "o-color-2. Knoppen, eyebrows op donker, iconen en highlights.", "odoo": "o-color-2"},
    "mist":      {"hex": "#EEF5FC", "name": "Mist", "role": "o-color-3. Lichte sectieachtergrond (o_cc2), chips en tags.", "odoo": "o-color-3"},
    "white":     {"hex": "#FFFFFF", "name": "Wit", "role": "o-color-4. Basisachtergrond, kaarten.", "odoo": "o-color-4"},
    "ink":       {"hex": "#0A1628", "name": "Inkt", "role": "o-color-5. Tekst, donkere secties (hero, stappen, CTA, footer) en tekst op blauwe knoppen.", "odoo": "o-color-5"},
    "ink-2":     {"hex": "#0F2240", "name": "Inkt 2", "role": "Tweede donkertint voor vlakken op inkt.", "odoo": ""},
    "blue-text": {"hex": "#0272B0", "name": "Linkblauw", "role": "Kleine blauwe tekst en links op wit of mist (AA).", "odoo": ""},
    "blue-hover":{"hex": "#38B6FF", "name": "Hoverblauw", "role": "Hovertoestand van de primaire knop.", "odoo": ""},
    "logo-blue": {"hex": "#0066CC", "name": "Logoblauw", "role": "Alleen in het woordmerk (ATLAS AGENCY). Niet als UI-kleur gebruiken.", "odoo": ""}
  },
  "color-alpha": {
    "line":  {"value": "rgba(10, 22, 40, 0.10)", "role": "Haarlijnen en kaartranden"},
    "muted": {"value": "rgba(10, 22, 40, 0.68)", "role": "Lead en secundaire tekst op licht"},
    "on-ink-muted": {"value": "rgba(255, 255, 255, 0.78)", "role": "Secundaire tekst op inkt"},
    "icon-tile": {"value": "rgba(14, 165, 255, 0.16)", "role": "Achtergrond van icoontegels"}
  },
  "contrast-pairs": [
    ["ink", "white", "Bodytekst en koppen op wit"],
    ["ink", "mist", "Tekst op mist-secties"],
    ["ink", "blue", "Primaire knop: inkt op Agency-blauw"],
    ["white", "ink", "Tekst op donkere secties"],
    ["blue", "ink", "Eyebrows en accenten op inkt"],
    ["blue-text", "white", "Links en kleine blauwe tekst op wit"],
    ["blue-text", "mist", "Links op mist"],
    ["white", "blue-deep", "Witte tekst op diepblauw (alleen groot)"],
    ["white", "blue", "Wit op Agency-blauw: niet gebruiken"],
    ["blue", "white", "Agency-blauw als tekst op wit: niet gebruiken"]
  ],
  "font": {
    "display": {"family": "Inter Tight", "stack": "\"Inter Tight\", \"Inter\", system-ui, sans-serif", "file": "InterTight-var-latin.woff2", "weights": "100 900", "role": "Koppen, displaytekst, prijzen"},
    "body":    {"family": "Inter", "stack": "\"Inter\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif", "file": "Inter-var-latin.woff2", "weights": "100 900", "role": "Bodytekst, knoppen, navigatie"},
    "mono":    {"family": "JetBrains Mono", "stack": "\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace", "file": "JetBrainsMono-var-latin.woff2", "weights": "100 800", "role": "Eyebrows, labels, chips, URL-balk"}
  },
  "type-scale": [
    {"style": "Display (hero)", "font": "display", "weight": 700, "size": "clamp(2.4rem, calc(1.2rem + 4.6vw), 5rem)", "px": "80", "line": "1.02", "tracking": "-0.04em", "sample": "Merk en website voor Brabantse ondernemers."},
    {"style": "H2 (sectiekop)", "font": "display", "weight": 700, "size": "clamp(1.85rem, calc(1.1rem + 2.2vw), 3rem)", "px": "48", "line": "1.08", "tracking": "-0.035em", "sample": "Vaste prijzen. Je weet waar je aan toe bent."},
    {"style": "H3 (kaartkop)", "font": "display", "weight": 650, "size": "1.25rem", "px": "20", "line": "1.25", "tracking": "-0.015em", "sample": "Een deadline is een afspraak"},
    {"style": "Lead", "font": "body", "weight": 400, "size": "1.15rem", "px": "18,4", "line": "1.6", "tracking": "0", "sample": "Je weet vooraf wat het kost en wanneer het klaar is."},
    {"style": "Body", "font": "body", "weight": 400, "size": "1rem", "px": "16", "line": "1.5", "tracking": "0", "sample": "Je praat met de persoon die het maakt. Geen tussenpersonen."},
    {"style": "Eyebrow", "font": "mono", "weight": 500, "size": "0.75rem", "px": "12", "line": "1.4", "tracking": "0.1em", "upper": true, "sample": "Atlas Agency · Tilburg"}
  ],
  "radius": {
    "card": {"value": "20px", "role": "Kaarten, prijskaarten, cases"},
    "media": {"value": "16px", "role": "Afbeeldingen, FAQ-items"},
    "icon-tile": {"value": "14px", "role": "Icoontegel 52 x 52 px"},
    "browser": {"value": "12px", "role": "Browserframe rond screenshots"},
    "input": {"value": "12px", "role": "Formuliervelden"},
    "pill": {"value": "999px", "role": "Knoppen, chips, tags"}
  },
  "shadow": {
    "card": {"value": "0 1px 2px rgba(10, 22, 40, 0.04), 0 10px 30px -12px rgba(10, 22, 40, 0.12)", "role": "Kaart in rust"},
    "card-hover": {"value": "0 2px 4px rgba(10, 22, 40, 0.05), 0 24px 48px -16px rgba(10, 22, 40, 0.22)", "role": "Kaart bij hover (en 4 px omhoog)"},
    "btn-primary": {"value": "0 8px 24px -8px rgba(14, 165, 255, 0.6)", "role": "Primaire knop"},
    "media": {"value": "0 30px 60px -24px rgba(10, 22, 40, 0.35)", "role": "Afbeelding in een tekstsectie"},
    "browser": {"value": "0 24px 60px -12px rgba(10, 22, 40, 0.28)", "role": "Browserframe"}
  },
  "space": {
    "container": {"value": "1140px", "role": "Maximale contentbreedte (Bootstrap xl)"},
    "gutter": {"value": "15px", "role": "Zijmarge van de container, 30 px tussen kolommen"},
    "section": {"value": "96px", "role": "Standaard boven- en onderruimte van een sectie (pt96 pb96)"},
    "section-sm": {"value": "64px", "role": "Smalle band, zoals de logobalk (pt64 pb64)"},
    "section-cta": {"value": "112px", "role": "CTA-band (pt112 pb112)"},
    "hero": {"value": "128px", "role": "Hero boven (pt128, onder pb112)"},
    "head-gap": {"value": "48px", "role": "Ruimte onder een sectiekop (aa-head, 3rem)"},
    "head-max": {"value": "46rem", "role": "Maximale breedte van een sectiekop"}
  },
  "button": {
    "primary": {"bg": "blue", "fg": "ink", "hover-bg": "blue-hover", "radius": "pill", "weight": 600, "padding-lg": "0.9rem 1.6rem", "font-size-lg": "1.02rem"},
    "ink-outline": {"border": "ink", "fg": "ink", "hover-bg": "ink", "hover-fg": "white"},
    "light-outline": {"border": "rgba(255, 255, 255, 0.4)", "fg": "white", "hover-bg": "white", "hover-fg": "ink"}
  },
  "logo": {
    "wordmark": "atlas-agency-wordmark",
    "icon": "atlas-agency-icon",
    "colors": {"name": "#0066CC", "tagline": "#000000"},
    "viewbox": [1010, 158.26],
    "cap-height-units": 95,
    "clearspace": "De hoogte van de hoofdletters van ATLAS AGENCY (X), rondom",
    "min-px": 200,
    "min-mm": 50,
    "icon-min-px": 16,
    "icon-min-mm": 6,
    "header-height-px": 40
  },
  "motion": {
    "ease": "cubic-bezier(0.2, 0.7, 0.2, 1)",
    "fast": "0.18s",
    "base": "0.25s",
    "reduced": "Alle beweging staat uit bij prefers-reduced-motion."
  }
}