59 lines
3.6 KiB
JSON
59 lines
3.6 KiB
JSON
{
|
|
"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."]
|
|
}
|
|
}
|