{
  "schemaVersion": 2,
  "generatedAt": "2026-09-24T00:00:00Z",
  "title": "Design System: Guilan Computer Engineering Association, Plan A",
  "extensions": {
    "colorMeta": {
      "paper": { "role": "background", "displayName": "Paper" },
      "ink": { "role": "primary", "displayName": "Deep green" },
      "wayfinding": { "role": "accent", "displayName": "Wayfinding green" },
      "mint": { "role": "highlight", "displayName": "Mint" },
      "signal": { "role": "focus", "displayName": "Signal rust" }
    },
    "typographyMeta": {
      "display": { "displayName": "Display", "purpose": "First-screen association statement." },
      "body": { "displayName": "Body", "purpose": "Persian reading and interface copy." }
    },
    "shadows": [],
    "motion": [
      { "name": "state", "value": "150ms ease-out", "purpose": "Optional hover and focus state feedback; disabled under reduced motion." }
    ],
    "breakpoints": [
      { "name": "mobile-stack", "value": "760px" }
    ]
  },
  "components": [
    {
      "name": "Primary action",
      "kind": "button",
      "refersTo": "button-primary",
      "description": "Main next step from the association introduction.",
      "html": "<button class=\"ds-button-primary\">آشنایی با انجمن</button>",
      "css": ".ds-button-primary{font:700 16px/1.5 Vazirmatn,Tahoma,sans-serif;min-height:50px;padding:9px 24px;border:2px solid #103D3B;border-radius:4px;background:#103D3B;color:#FFFFFF;cursor:pointer}.ds-button-primary:hover{background:#AD3C20;border-color:#AD3C20}.ds-button-primary:focus-visible{outline:3px solid #AD3C20;outline-offset:4px}.ds-button-primary:disabled{opacity:.55;cursor:not-allowed}"
    },
    {
      "name": "Secondary action",
      "kind": "button",
      "refersTo": "button-secondary",
      "description": "Alternative next step with equal legibility.",
      "html": "<button class=\"ds-button-secondary\">دیدن رویدادها</button>",
      "css": ".ds-button-secondary{font:700 16px/1.5 Vazirmatn,Tahoma,sans-serif;min-height:50px;padding:9px 24px;border:2px solid #103D3B;border-radius:4px;background:#F2F6F2;color:#103D3B;cursor:pointer}.ds-button-secondary:hover{background:#C9E2D9}.ds-button-secondary:focus-visible{outline:3px solid #AD3C20;outline-offset:4px}.ds-button-secondary:disabled{opacity:.55;cursor:not-allowed}"
    },
    {
      "name": "Destination row",
      "kind": "nav",
      "description": "A direct route to a fixed application destination.",
      "html": "<a class=\"ds-route\" href=\"#\"><strong>رویدادها</strong><span>برنامه‌ها و فرصت‌های یادگیری</span></a>",
      "css": ".ds-route{display:flex;flex-direction:column;gap:2px;padding:18px 12px;border-top:1px solid #9CB9AF;color:#103D3B;text-decoration:none;font:400 16px/1.6 Vazirmatn,Tahoma,sans-serif}.ds-route strong{font-size:20px}.ds-route span{font-size:14px}.ds-route:hover{background:#C9E2D9}.ds-route:focus-visible{outline:3px solid #AD3C20;outline-offset:4px}"
    }
  ],
  "narrative": {
    "northStar": "Campus wayfinding.",
    "overview": "The first screen answers who the association is. A restrained route line and arrival points guide visitors from identity to About, events, and reading.",
    "keyCharacteristics": ["Persian first", "Recognizable existing mark", "Asymmetric identity hero", "Direct destination rows", "One rust signal line"],
    "rules": [],
    "dos": ["Lead with an explanation of the association.", "Keep operational event and payment states truthful."],
    "donts": ["Do not copy the static comp's hidden mobile navigation into production.", "Do not seed disputed claims merely because they appear in legacy copy."]
  }
}