56 lines
3.3 KiB
JSON
56 lines
3.3 KiB
JSON
{
|
|
"schemaVersion": 2,
|
|
"generatedAt": "2026-09-25T00:00:00Z",
|
|
"title": "Design System: Guilan Computer Engineering Association, approved logo-led Home/About direction",
|
|
"extensions": {
|
|
"colorMeta": {
|
|
"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": "Association landing statement." },
|
|
"body": { "displayName": "Body", "purpose": "Persian reading and interface copy." }
|
|
},
|
|
"shadows": [],
|
|
"motion": [
|
|
{ "name": "state", "value": "180ms ease-out", "purpose": "Short Shadcn control feedback; disabled under reduced motion." }
|
|
],
|
|
"breakpoints": [
|
|
{ "name": "mobile-stack", "value": "760px" }
|
|
]
|
|
},
|
|
"components": [
|
|
{
|
|
"name": "Primary action",
|
|
"kind": "button",
|
|
"refersTo": "button-primary",
|
|
"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": "Outline action",
|
|
"kind": "button",
|
|
"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": "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": ["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."]
|
|
}
|
|
}
|