{
  "namespace": "SterlingCraftDesignSystem_41256e",
  "components": [
    {
      "name": "Button",
      "sourcePath": "components/buttons/Button.jsx"
    },
    {
      "name": "IconButton",
      "sourcePath": "components/buttons/IconButton.jsx"
    },
    {
      "name": "Badge",
      "sourcePath": "components/data-display/Badge.jsx"
    },
    {
      "name": "Card",
      "sourcePath": "components/data-display/Card.jsx"
    },
    {
      "name": "Input",
      "sourcePath": "components/forms/Input.jsx"
    }
  ],
  "startingPoints": [
    {
      "name": "Button",
      "path": "components/buttons/Button.jsx",
      "previewPath": "components/buttons/buttons.card.html",
      "kind": "component",
      "section": "Buttons",
      "subtitle": "Rust primary / bark outline / ghost, three sizes",
      "viewport": "700x160"
    },
    {
      "name": "Badge",
      "path": "components/data-display/Badge.jsx",
      "previewPath": "components/data-display/cards.card.html",
      "kind": "component",
      "section": "Data display",
      "subtitle": "Status & category badges in earthy tones",
      "viewport": "700x140"
    },
    {
      "name": "Input",
      "path": "components/forms/Input.jsx",
      "previewPath": "components/forms/inputs.card.html",
      "kind": "component",
      "section": "Forms",
      "subtitle": "Labelled input with hint, error & icon states",
      "viewport": "700x200"
    },
    {
      "name": "website",
      "path": "ui_kits/website/index.html",
      "previewPath": "ui_kits/website/index.html",
      "kind": "screen",
      "section": "Marketing",
      "subtitle": "Digital studio & product-lab homepage",
      "viewport": "1280x860"
    },
    {
      "name": "Card",
      "path": "components/data-display/Card.jsx",
      "previewPath": "components/data-display/cards.card.html",
      "kind": "component",
      "section": "Surfaces",
      "subtitle": "Product / content card with media & footer",
      "viewport": "700x420"
    }
  ],
  "cards": [
    {
      "path": "guidelines/brand-hyphen.html",
      "group": "Brand",
      "viewport": "700x250",
      "subtitle": "The wordmark, de-hyphenated — STERLINGCRAFT as one mark",
      "name": "Hyphen removed"
    },
    {
      "path": "guidelines/brand-icon-animated.html",
      "group": "Brand",
      "viewport": "760x460",
      "subtitle": "Line-draw reveal + monogram write-in, then a gentle idle loop — for profile images & tabs",
      "name": "Animated icon & favicon"
    },
    {
      "path": "guidelines/brand-icon.html",
      "group": "Brand",
      "viewport": "700x230",
      "subtitle": "Geodesic sphere + S monogram · now a scalable SVG",
      "name": "Icon & monogram"
    },
    {
      "path": "guidelines/brand-logos-horizontal.html",
      "group": "Brand",
      "viewport": "760x320",
      "subtitle": "Committed: logo mark + SterlingCraft (Montaga title case)",
      "name": "Horizontal lockup"
    },
    {
      "path": "guidelines/brand-logos.html",
      "group": "Brand",
      "viewport": "700x240",
      "subtitle": "Primary, reversed & monochrome — hyphen removed",
      "name": "Logo lockups"
    },
    {
      "path": "guidelines/brand-manifesto.html",
      "group": "Brand",
      "viewport": "900x640",
      "subtitle": "Timeless Craftsmanship — the studio's founding statement",
      "name": "Manifesto"
    },
    {
      "path": "guidelines/color-brand.html",
      "group": "Colors",
      "viewport": "700x210",
      "subtitle": "Rust primary & bark accent — the BrandBoard palette",
      "name": "Brand core"
    },
    {
      "path": "guidelines/color-neutrals.html",
      "group": "Colors",
      "viewport": "700x230",
      "subtitle": "Parchment → umber surface & text scale",
      "name": "Warm earth neutrals"
    },
    {
      "path": "guidelines/color-status.html",
      "group": "Colors",
      "viewport": "700x200",
      "subtitle": "Forest, ochre, brick, slate — muted to match the palette",
      "name": "Status — earthy semantics"
    },
    {
      "path": "components/buttons/buttons.card.html",
      "group": "Components",
      "viewport": "700x320",
      "subtitle": "Primary, secondary, ghost · sizes · icons · states",
      "name": "Buttons"
    },
    {
      "path": "components/data-display/cards.card.html",
      "group": "Components",
      "viewport": "700x460",
      "subtitle": "Status badges · catalogue card with media & footer",
      "name": "Badges & Cards"
    },
    {
      "path": "components/forms/inputs.card.html",
      "group": "Components",
      "viewport": "700x340",
      "subtitle": "Labelled fields · hint, error, icon & disabled states",
      "name": "Inputs"
    },
    {
      "path": "ui_kits/marketing/index.html",
      "group": "Marketing site",
      "viewport": "1280x820",
      "subtitle": "First exploration · kept for reference",
      "name": "Home — v0 (concept)"
    },
    {
      "path": "ui_kits/website/index.html",
      "group": "Marketing site",
      "viewport": "1280x860",
      "subtitle": "Digital studio + product lab homepage on sterlingcraft.co",
      "name": "SterlingCraft — Studio & Lab (v1)"
    },
    {
      "path": "guidelines/radii-shadows.html",
      "group": "Spacing",
      "viewport": "700x190",
      "subtitle": "Tight, architectural corners · warm brown-tinted elevation",
      "name": "Radii & shadows"
    },
    {
      "path": "guidelines/spacing-scale.html",
      "group": "Spacing",
      "viewport": "700x210",
      "subtitle": "4px base · used for padding, gaps & layout rhythm",
      "name": "Spacing scale"
    },
    {
      "path": "guidelines/type-display.html",
      "group": "Type",
      "viewport": "700x300",
      "subtitle": "The brand serif, used for headings & the wordmark voice",
      "name": "Display — Montaga"
    },
    {
      "path": "guidelines/type-text.html",
      "group": "Type",
      "viewport": "700x300",
      "subtitle": "Body copy, labels and interface chrome",
      "name": "Text & UI — Hanken Grotesk"
    }
  ],
  "templates": [],
  "hasThumbnailHtml": false,
  "globalCssPaths": [
    "tokens/fonts.css",
    "tokens/colors.css",
    "tokens/typography.css",
    "tokens/spacing.css",
    "tokens/base.css",
    "styles.css"
  ],
  "tokens": [
    {
      "name": "--sc-rust-400",
      "value": "#a6552f",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-rust-500",
      "value": "#883d1a",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-rust-600",
      "value": "#6f3014",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-rust-700",
      "value": "#57250f",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-bark-500",
      "value": "#6b5640",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-bark-600",
      "value": "#5a4530",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-bark-700",
      "value": "#4d331f",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-bark-800",
      "value": "#3a2716",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-bark-900",
      "value": "#261a0f",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-parchment-50",
      "value": "#faf6ef",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-parchment-100",
      "value": "#f3ead9",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-sand-200",
      "value": "#e8d9c2",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-sand-300",
      "value": "#d8c2a3",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-clay-400",
      "value": "#b89b79",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-stone-500",
      "value": "#8c7559",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-umber-600",
      "value": "#6b5640",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-white",
      "value": "#ffffff",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-forest",
      "value": "#4e6b3f",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-ochre",
      "value": "#b9842a",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-brick",
      "value": "#9b3522",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--sc-slate",
      "value": "#41606a",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--surface-page",
      "value": "var(--sc-parchment-50)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--surface-card",
      "value": "var(--sc-white)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--surface-panel",
      "value": "var(--sc-parchment-100)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--surface-inverse",
      "value": "var(--sc-bark-700)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--surface-sunken",
      "value": "var(--sc-parchment-100)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--text-strong",
      "value": "var(--sc-bark-900)",
      "kind": "font",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--text-body",
      "value": "var(--sc-bark-800)",
      "kind": "font",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--text-muted",
      "value": "var(--sc-umber-600)",
      "kind": "font",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--text-faint",
      "value": "var(--sc-stone-500)",
      "kind": "font",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--text-on-dark",
      "value": "var(--sc-parchment-50)",
      "kind": "font",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--text-on-brand",
      "value": "var(--sc-parchment-50)",
      "kind": "font",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--brand-primary",
      "value": "var(--sc-rust-500)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--brand-primary-hover",
      "value": "var(--sc-rust-400)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--brand-primary-press",
      "value": "var(--sc-rust-600)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--brand-secondary",
      "value": "var(--sc-bark-700)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--link",
      "value": "var(--sc-rust-500)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--link-hover",
      "value": "var(--sc-rust-600)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--focus-ring",
      "value": "var(--sc-rust-400)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--border-soft",
      "value": "var(--sc-sand-200)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--border",
      "value": "var(--sc-sand-300)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--border-strong",
      "value": "var(--sc-clay-400)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--border-dark",
      "value": "var(--sc-bark-700)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--status-success",
      "value": "var(--sc-forest)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--status-warning",
      "value": "var(--sc-ochre)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--status-danger",
      "value": "var(--sc-brick)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--status-info",
      "value": "var(--sc-slate)",
      "kind": "color",
      "definedIn": "tokens/colors.css"
    },
    {
      "name": "--font-display",
      "value": "\"Montaga\", \"Hoefler Text\", \"Times New Roman\", serif",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--font-sans",
      "value": "\"Hanken Grotesk\", ui-sans-serif, system-ui, -apple-system,\n               \"Segoe UI\", sans-serif",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--font-mono",
      "value": "ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--weight-light",
      "value": "300",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--weight-regular",
      "value": "400",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--weight-medium",
      "value": "500",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--weight-semibold",
      "value": "600",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--weight-bold",
      "value": "700",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-2xs",
      "value": "0.6875rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-xs",
      "value": "0.75rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-sm",
      "value": "0.875rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-base",
      "value": "1rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-md",
      "value": "1.125rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-lg",
      "value": "1.375rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-xl",
      "value": "1.75rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-2xl",
      "value": "2.25rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-3xl",
      "value": "3rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-4xl",
      "value": "4rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--text-5xl",
      "value": "5.5rem",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--leading-tight",
      "value": "1.08",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--leading-snug",
      "value": "1.25",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--leading-normal",
      "value": "1.55",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--leading-relaxed",
      "value": "1.7",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--tracking-tight",
      "value": "-0.01em",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--tracking-normal",
      "value": "0",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--tracking-wide",
      "value": "0.04em",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--tracking-wider",
      "value": "0.12em",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--tracking-widest",
      "value": "0.22em",
      "kind": "font",
      "definedIn": "tokens/typography.css"
    },
    {
      "name": "--space-0",
      "value": "0",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-1",
      "value": "0.25rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-2",
      "value": "0.5rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-3",
      "value": "0.75rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-4",
      "value": "1rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-5",
      "value": "1.5rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-6",
      "value": "2rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-7",
      "value": "2.5rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-8",
      "value": "3rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-9",
      "value": "4rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-10",
      "value": "5rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-12",
      "value": "7rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--space-16",
      "value": "10rem",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--radius-xs",
      "value": "2px",
      "kind": "radius",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--radius-sm",
      "value": "4px",
      "kind": "radius",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--radius-md",
      "value": "6px",
      "kind": "radius",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--radius-lg",
      "value": "10px",
      "kind": "radius",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--radius-xl",
      "value": "16px",
      "kind": "radius",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--radius-pill",
      "value": "999px",
      "kind": "radius",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--radius-circle",
      "value": "50%",
      "kind": "radius",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--border-hairline",
      "value": "1px",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--border-regular",
      "value": "1.5px",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--border-heavy",
      "value": "2px",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--shadow-xs",
      "value": "0 1px 2px rgba(38, 26, 15, 0.08)",
      "kind": "shadow",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--shadow-sm",
      "value": "0 1px 3px rgba(38, 26, 15, 0.10), 0 1px 2px rgba(38, 26, 15, 0.06)",
      "kind": "shadow",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--shadow-md",
      "value": "0 4px 10px rgba(38, 26, 15, 0.10), 0 2px 4px rgba(38, 26, 15, 0.06)",
      "kind": "shadow",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--shadow-lg",
      "value": "0 12px 28px rgba(38, 26, 15, 0.14), 0 4px 10px rgba(38, 26, 15, 0.08)",
      "kind": "shadow",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--shadow-xl",
      "value": "0 24px 56px rgba(38, 26, 15, 0.18)",
      "kind": "shadow",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--shadow-inset",
      "value": "inset 0 1px 2px rgba(38, 26, 15, 0.14)",
      "kind": "shadow",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--ease-standard",
      "value": "cubic-bezier(0.22, 0.61, 0.36, 1)",
      "kind": "other",
      "definedIn": "tokens/spacing.css",
      "annotation": "other"
    },
    {
      "name": "--ease-out",
      "value": "cubic-bezier(0.16, 1, 0.3, 1)",
      "kind": "other",
      "definedIn": "tokens/spacing.css",
      "annotation": "other"
    },
    {
      "name": "--ease-in-out",
      "value": "cubic-bezier(0.65, 0, 0.35, 1)",
      "kind": "other",
      "definedIn": "tokens/spacing.css",
      "annotation": "other"
    },
    {
      "name": "--dur-fast",
      "value": "120ms",
      "kind": "other",
      "definedIn": "tokens/spacing.css",
      "annotation": "other"
    },
    {
      "name": "--dur-base",
      "value": "200ms",
      "kind": "other",
      "definedIn": "tokens/spacing.css",
      "annotation": "other"
    },
    {
      "name": "--dur-slow",
      "value": "360ms",
      "kind": "other",
      "definedIn": "tokens/spacing.css",
      "annotation": "other"
    },
    {
      "name": "--container-sm",
      "value": "640px",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--container-md",
      "value": "880px",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--container-lg",
      "value": "1120px",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    },
    {
      "name": "--container-xl",
      "value": "1320px",
      "kind": "spacing",
      "definedIn": "tokens/spacing.css"
    }
  ],
  "themes": [],
  "fonts": [
    {
      "family": "Montaga",
      "weight": "400",
      "style": "normal",
      "cssPath": "tokens/fonts.css",
      "files": [
        "fonts/montaga-regular.ttf"
      ]
    }
  ],
  "brandFonts": [
    {
      "family": "Montaga",
      "status": "ok",
      "tokens": [
        "--font-display"
      ],
      "path": "tokens/fonts.css"
    },
    {
      "family": "Hanken Grotesk",
      "status": "ok",
      "tokens": [
        "--font-sans"
      ],
      "path": "tokens/typography.css"
    }
  ],
  "source": "spa"
}