docs: record approved website design direction

.impeccable/design.json

@@ -1,22 +1,26 @@
 {
   "schemaVersion": 2,
-  "generatedAt": "2026-09-24T00:00:00Z",
-  "title": "Design System: Guilan Computer Engineering Association, Plan A",
+  "generatedAt": "2026-09-25T00:00:00Z",
+  "title": "Design System: Guilan Computer Engineering Association, approved logo-led Home/About direction",
   "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" }
+      "background": { "role": "background", "displayName": "White canvas" },
+      "foreground": { "role": "text", "displayName": "Dark ink" },
+      "primary": { "role": "primary", "displayName": "Logo teal" },
+      "primary-deep": { "role": "primary-hover", "displayName": "Deep teal" },
+      "gold": { "role": "highlight", "displayName": "Logo gold" },
+      "charcoal": { "role": "footer", "displayName": "Logo charcoal" },
+      "muted": { "role": "surface", "displayName": "Cool pale surface" },
+      "muted-foreground": { "role": "secondary-text", "displayName": "Secondary text" },
+      "border": { "role": "border", "displayName": "Cool border" }
     },
     "typographyMeta": {
-      "display": { "displayName": "Display", "purpose": "First-screen association statement." },
+      "display": { "displayName": "Display", "purpose": "Association landing 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." }
+      { "name": "state", "value": "180ms ease-out", "purpose": "Short Shadcn control feedback; disabled under reduced motion." }
     ],
     "breakpoints": [
       { "name": "mobile-stack", "value": "760px" }
@@ -27,32 +31,25 @@
       "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}"
+      "description": "Shadcn Button default variant with logo-teal theme tokens.",
+      "html": "<a class=\"ds-button-primary\" href=\"/about\">آشنایی با انجمن</a>",
+      "css": ".ds-button-primary{display:inline-flex;align-items:center;justify-content:center;font:750 14px/1.45 Vazirmatn,Tahoma,sans-serif;min-height:44px;padding:9px 18px;border:1px solid #28626e;border-radius:10px;background:#28626e;color:#fff;text-decoration:none}.ds-button-primary:hover{background:#1c4c57}.ds-button-primary:focus-visible{outline:3px solid #28626e;outline-offset:3px}"
     },
     {
-      "name": "Secondary action",
+      "name": "Outline 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}"
+      "refersTo": "button-outline",
+      "description": "Shadcn Button outline variant for a second destination.",
+      "html": "<a class=\"ds-button-outline\" href=\"/events\">دیدن رویدادها</a>",
+      "css": ".ds-button-outline{display:inline-flex;align-items:center;justify-content:center;font:750 14px/1.45 Vazirmatn,Tahoma,sans-serif;min-height:44px;padding:9px 18px;border:1px solid #b8ceca;border-radius:10px;background:#fff;color:#1c4c57;text-decoration:none}.ds-button-outline:hover{background:#f3f8f7}.ds-button-outline:focus-visible{outline:3px solid #28626e;outline-offset:3px}"
     }
   ],
   "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"],
+    "northStar": "A logo-led, content-rich Persian student association site.",
+    "overview": "Keep the current landing purpose, then present real event posters and blog previews before a participation CTA and footer.",
+    "keyCharacteristics": ["Logo teal, pale gold and charcoal", "Vazirmatn", "Featured event posters", "Editorial blog previews", "Shadcn/ui and Lucide production components"],
     "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."]
+    "dos": ["Follow the owner's exact Home section order.", "Use existing domain data for events and posts."],
+    "donts": ["Do not publish archived comp events as upcoming.", "Do not use illustrative blog titles as production content."]
   }
 }