{
  "name": "ModelSide website",
  "colors": [
    {
      "name": "Action blue",
      "value": "#275df5",
      "variable": "--action",
      "ink": "#ffffff",
      "role": "Primary action backgrounds, paired with white text in both themes."
    },
    {
      "name": "Action hover",
      "value": "#214fd2",
      "variable": "--action-hover",
      "ink": "#ffffff",
      "role": "Hover states for primary actions in both themes."
    }
  ],
  "theme": {
    "default": "system",
    "fallback": "dark",
    "behavior": "Follow the operating system color preference automatically, including live changes. Use the dark palette unless a light preference is detected. A manual preview may set html[data-theme] to dark or light; removing it returns to automatic mode."
  },
  "themes": {
    "dark": {
      "--ms-bg": "#101613",
      "--ms-card": "#18201c",
      "--bg-950": "#0c110e",
      "--text-100": "#f3f5ee",
      "--text-300": "#a7b0a7",
      "--muted-500": "#909c92",
      "--stroke-700": "rgba(224,235,223,.13)",
      "--primary": "#82aaff",
      "--primary-600": "#9fbdff",
      "--primary-700": "#bad0ff",
      "--surface-soft": "#202b24",
      "--header-bg": "rgba(16,22,19,.94)",
      "--glass": "rgba(24,32,28,.86)",
      "--grid-line": "#e3ece208",
      "--status": "#8ebd9a",
      "--status-soft": "#8ebd9a16",
      "--icon-blue-bg": "#1d2c46",
      "--green": "#94be9f",
      "--green-soft": "#1d3226",
      "--gold": "#d4ba88",
      "--gold-soft": "#322d22",
      "--showcase-bg": "#141e18",
      "--demo-toolbar": "#1c271f",
      "--demo-subtle": "#151e18",
      "--success": "#9bcca8",
      "--success-bg": "#203429",
      "--pending": "#dfbd7b",
      "--pending-bg": "#342e20",
      "--portrait-border": "#ffffff18",
      "--emblem-slate": "#464B56",
      "--emblem-shadow": "#000000",
      "--scrollbar": "#4b584e",
      "--selection-bg": "#2a4673",
      "--selection-text": "#ffffff",
      "--error-text": "#ffb4ad",
      "--error-bg": "#321e1c",
      "--error-border": "rgba(255,180,173,.25)",
      "--warning": "#edbe69",
      "--error": "#ff9b91",
      "--ms-blue": "#275df5",
      "--ms-cyan": "var(--primary)",
      "--ms-purple": "#8e83d7",
      "--ms-pink": "#cb86aa",
      "--action": "#275df5",
      "--action-hover": "#214fd2",
      "--bg-900": "var(--ms-bg)",
      "--panel-900": "var(--ms-card)",
      "--glow": "rgba(39,93,245,.16)",
      "--font-sans": "var(--font-inter)",
      "--font-display": "var(--font-space-grotesk)"
    },
    "light": {
      "--ms-bg": "#f7f7f2",
      "--ms-card": "#ffffff",
      "--bg-950": "#f0f1eb",
      "--text-100": "#17201d",
      "--text-300": "#656b65",
      "--muted-500": "#69716b",
      "--stroke-700": "rgba(23,32,29,.12)",
      "--primary": "#275df5",
      "--primary-600": "#214fd2",
      "--primary-700": "#193da6",
      "--surface-soft": "#ebeee7",
      "--header-bg": "rgba(247,247,242,.94)",
      "--glass": "rgba(255,255,255,.79)",
      "--grid-line": "#17201d06",
      "--status": "#367c52",
      "--status-soft": "#367c520d",
      "--icon-blue-bg": "#edf2ff",
      "--green": "#397457",
      "--green-soft": "#edf3ee",
      "--gold": "#786449",
      "--gold-soft": "#f4f0e8",
      "--showcase-bg": "#eaf0e9",
      "--demo-toolbar": "#fbfcfa",
      "--demo-subtle": "#f9fbf8",
      "--success": "#326347",
      "--success-bg": "#e5f2e9",
      "--pending": "#89723e",
      "--pending-bg": "#f4eedf",
      "--portrait-border": "#ffffff85",
      "--emblem-slate": "#1F2937",
      "--emblem-shadow": "#142d5c",
      "--scrollbar": "#c5cac0",
      "--selection-bg": "#d7e3ff",
      "--selection-text": "#17201d",
      "--error-text": "#942e28",
      "--error-bg": "#fff5f3",
      "--error-border": "#ebc9c7",
      "--warning": "#8c5a09",
      "--error": "#b91c1c",
      "--ms-blue": "#275df5",
      "--ms-cyan": "var(--primary)",
      "--ms-purple": "#8e83d7",
      "--ms-pink": "#cb86aa",
      "--action": "#275df5",
      "--action-hover": "#214fd2",
      "--bg-900": "var(--ms-bg)",
      "--panel-900": "var(--ms-card)",
      "--glow": "rgba(39,93,245,.16)",
      "--font-sans": "var(--font-inter)",
      "--font-display": "var(--font-space-grotesk)"
    }
  },
  "aliases": {
    "--ms-blue": "#275df5",
    "--ms-cyan": "var(--primary)"
  },
  "typography": {
    "display": {
      "family": "Space Grotesk",
      "weights": [
        600,
        700
      ],
      "hero": {
        "weight": 600,
        "tracking": "-0.065em",
        "lineHeight": 1.015
      },
      "homepageSection": {
        "weight": 600,
        "tracking": "-0.055em",
        "lineHeight": 1.08
      },
      "headlineTracking": "-0.065em to -0.055em",
      "sectionTracking": "-0.055em to -0.04em",
      "lineHeight": "1.0–1.1"
    },
    "body": {
      "family": "Inter",
      "weights": [
        400,
        500,
        600
      ],
      "lineHeight": "1.6"
    }
  },
  "messaging": {
    "positioning": "Independent software & AI studio",
    "tagline": "Built around your business.",
    "description": "Custom software, intelligent automation, and private AI. Thoughtfully designed around your operations, and built to move your business forward.",
    "primaryAction": "Discuss your project",
    "longDescription": "ModelSide is an independent software and AI studio creating custom software, intelligent automation, and private AI systems. Its work is thoughtfully designed around each client's operations, with direct collaboration from discovery through delivery and ongoing support. ModelSide LLC was founded in 2025 and is based in New York, New York."
  },
  "logo": "Use the supplied emblem and lockup paths, original proportions and mark colors without alteration.",
  "dimension": "The website hero may add shallow extrusion behind identical front-facing emblem paths. Preserve the front-face geometry, proportions and mark colors. No perspective skew, rotation or continuous spin. Use the flat files everywhere else.",
  "motion": "One contained, reversible hero sequence follows native scroll. When desktop scrolling pauses within the sequence, gently settle to the opening composition below halfway or the capabilities composition from halfway onward; new input interrupts the settling. Move the exact emblem using uniform scale and translation only; no rotation, skew or continuous float. Keep navigation and the project action available. Compact layouts keep the full introduction in normal flow, with only a light sweep and 10px total vertical emblem travel as it passes through the viewport; no scaling, sticky stage, extra scroll length, settling or fading copy. Reduced-motion preferences use a completely static composition. No neon glow or aurora on the current website.",
  "legacy": "The aurora field, navy avatar and glow PNG are archived artwork, not current website tokens."
}