Design
System

{
  "system": "Design System",
  "version": "1.0",
  "brand": "Green Vault Systems",
  "color": {
    "ink":       "#12160F",
    "vault":     "#0F150F",
    "bone":      "#F4F3EE",
    "band":      "#ECEAE0",
    "paper":     "#FFFFFF",
    "hairline":  "#DDDCD2",
    "lime":      "#B8E63B",
    "green":     "#4C8A27",
    "amber":     "#F7A11C",
    "rust":      "#C05B3E",
    "ink_muted": "#5C635A",
    "on_dark_muted": "#A8B1A5"
  },
  "role": {
    "page_bg": "bone",
    "surface": "paper",
    "dark_band": "vault",
    "header_band": "band",
    "rule": "hairline",
    "accent_marker": "lime",
    "accent_text_on_light": "green",
    "action": "amber",
    "negative": "rust"
  },
  "font": {
    "primary": "Schibsted Grotesk",
    "mono": "IBM Plex Mono",
    "print_sub": "Neue Haas Grotesk",
    "office_sub": ["Arial", "Consolas"]
  },
  "type_scale": {
    "display": {"w":900,"size":"clamp(44px,7.4vw,112px)","ls":"-.045em","case":"upper"},
    "h1": {"w":900,"size":44,"ls":"-.03em"},
    "h2": {"w":800,"size":30,"ls":"-.02em"},
    "h3": {"w":800,"size":19},
    "body": {"w":400,"size":15.5,"lh":1.7,"color":"ink_muted"},
    "small": {"w":400,"size":14,"lh":1.6},
    "label": {"font":"mono","w":500,"size":11.5,"ls":".16em","case":"upper"},
    "data": {"w":900,"size":84,"ls":"-.04em","color":"lime"}
  },
  "space": [2,6,10,14,20,26,32,40,48,56,64,88],
  "radius": {"chip":4,"input":8,"card":14,"media":16,"hero":20,"band":24,"pill":999},
  "breakpoint": {"mobile":900,"rows":1040,"nav":1180,"full":1320},
  "section_padding": {"desktop":"64px 40px","mobile":"40px 20px"},
  "motion": {
    "hover_ms":150, "lift_ms":180, "zoom_ms":350, "tooltip_ms":180,
    "marquee_s":31, "easing":"ease-out", "banned":["bounce","spring","parallax"]
  }
}

{
  "components": [
    "nav.sticky", "hero.display", "ticker.spec", "strip.trust",
    "bento.problem_fix", "steps.numbered", "ledger.pillar",
    "row.machine_index", "grid.accessory_tooltip", "table.comparison",
    "band.data_split", "carousel.review", "card.case_study",
    "gallery.install", "block.story", "strip.press", "grid.blog",
    "band.roi", "list.faq", "cta.closing", "footer.dark",
    "pill.primary", "pill.ghost", "pill.reversed", "pill.tag",
    "callout.do", "callout.dont", "callout.note", "stat.callout",
    "tooltip.amber", "card.editorial", "card.quote"
  ],
  "page_recipes": {
    "home": ["hero.display","ticker.spec","strip.trust","bento.problem_fix",
             "steps.numbered","ledger.pillar","row.machine_index*5",
             "grid.accessory_tooltip","table.comparison","band.data_split",
             "carousel.review","card.case_study","gallery.install",
             "block.story","strip.press","grid.blog","band.roi",
             "list.faq","cta.closing","footer.dark"],
    "product": ["hero.display","ticker.spec","steps.numbered","row.machine_index",
                "grid.accessory_tooltip","table.comparison","carousel.review",
                "band.roi","list.faq","cta.closing","footer.dark"],
    "landing": ["hero.display","strip.trust","bento.problem_fix",
                "table.comparison","carousel.review","band.roi","footer.dark"]
  },
  "artboards": {
    "social_square": [1080,1080], "social_portrait": [1080,1350],
    "social_story": [1080,1920], "linkedin_banner": [1584,396],
    "email": [600,null], "letterhead": ["8.5in","11in"],
    "business_card": ["3.5in","2in"], "spec_sheet": ["8.5in","11in"],
    "banner_33x80": ["33in","80in"], "slide": [1920,1080]
  },
  "copy": {
    "voice": "plain-spoken engineer; outcome-led; numbers over adjectives",
    "trademarks": ["AirKush™","GVS Connect","Precision Batcher"],
    "units": "0.01 g (space, lowercase g)",
    "cta_verbs": ["Schedule a Demo","Get a quote","Calculate Your ROI",
                  "Explore the Machines","Read more"],
    "boilerplate": {
      "phone": "425.230.4050",
      "email": "info@greenvaultsystems.com",
      "site": "greenvaultsystems.com",
      "origin": "Made in America"
    }
  },
  "constraints": [
    "never introduce a color outside color{}",
    "never use amber for more than 10% of a layout, or for a technical spec",
    "one primary action per section; one dark band per screen",
    "never place lime or amber text on bone",
    "no emoji, no italics, no all-caps sentences, no exclamation points",
    "no stock handshakes, leaf clip art, smoke, or AI-generated machinery",
    "never name a competitor brand in a comparison",
    "hover highlight is amber fill with ink text plus horizontal padding",
    "every fixed grid track uses minmax(0, x) above 900px",
    "text minimums: web 14px, print 10pt, slide 24px, mono label 10px",
    "no unsourced performance claim; engineering approves all numbers"
  ]
}