Migrate design system from ethereal/cool to warm/craft/guild theme

Replace ghost/whisper/sparkle color palettes with guild/candlelight/parchment/ember/earth tokens.
Switch typography from NB Television Pro to Quietism serif. Update all 25 Vue components,
layouts, and pages to new design system. Add circle color tokens, typography scale, prose-guild
class, and warm texture effects. Clean up stale documentation files.
This commit is contained in:
Jennie Robinson Faber 2026-02-24 20:01:11 +00:00
parent d588c49946
commit a62e167876
39 changed files with 1300 additions and 2087 deletions

View file

@ -1,36 +1,48 @@
// Central configuration for Ghost Guild Circles
export const CIRCLES = {
COMMUNITY: {
value: 'community',
label: 'Community Circle',
description: 'For individuals interested in learning about cooperative principles',
value: "community",
label: "Community",
shortDescription: "Learning about co-ops",
description:
"For individuals interested in learning about cooperative principles",
features: [
'Game workers curious about co-ops, researchers, industry allies',
'People exploring alternative work models',
'Access to community forums and resources'
]
"Game workers curious about coops",
"People exploring alternative work models, including researchers and industry allies",
"Access to community forums and resources",
],
colorToken: "circle-community",
metaphor: "Reading Room",
icon: null,
},
FOUNDER: {
value: 'founder',
label: 'Founder Circle',
description: 'For those actively establishing or growing their cooperative studio',
value: "founder",
label: "Founders",
shortDescription: "Building your studio",
description: "For those actively establishing or growing their coop",
features: [
'Has two tracks: Peer Accelerator Prep Track and Indie Track',
'Teams working toward PA application',
'Early-stage co-op studios',
'Studios transitioning to co-op model'
]
"Teams working toward applying for the Peer Accelerator",
"Early-stage coop studios",
"Studios transitioning to coop model",
],
colorToken: "circle-founder",
metaphor: "Workshop",
icon: null,
},
PRACTITIONER: {
value: 'practitioner',
label: 'Practitioner Circle',
description: 'For Peer Accelerator alumni and experienced studio leaders',
value: "practitioner",
label: "Practitioners",
shortDescription: "Leading and mentoring",
description: "For Peer Accelerator alumni and experienced studio founders",
features: [
'Those implementing cooperative models',
'Industry mentors and advisors',
'Expert-level workshops and mentorship opportunities'
]
}
"Those implementing cooperative models",
"Industry mentors and advisors",
"Expert-level workshops and mentorship opportunities",
],
colorToken: "circle-practitioner",
metaphor: "Alcove",
icon: null,
},
};
// Get all circle options as an array (useful for forms)
@ -40,15 +52,15 @@ export const getCircleOptions = () => {
// Get valid circle values for validation
export const getValidCircleValues = () => {
return Object.values(CIRCLES).map(circle => circle.value);
return Object.values(CIRCLES).map((circle) => circle.value);
};
// Get circle by value
export const getCircleByValue = (value) => {
return Object.values(CIRCLES).find(circle => circle.value === value);
return Object.values(CIRCLES).find((circle) => circle.value === value);
};
// Check if a circle value is valid
export const isValidCircleValue = (value) => {
return getValidCircleValues().includes(value);
};
};