48c839d927
This is the snapshot the production landing site (nibiru-framework.com) is deployed from. Brings together the recent splash + docs migration to the v4 "Cosmos" design system, the new in-framework AI module, and the framework groundwork that backs the framework-reference extraction. What lands: - docs/: Astro + Starlight site with the v4 dark cosmic palette, GalaxyHero canvas constellation, Mission Control chat (wired to /api/oracle → api.neuronetz.ai via providers.mjs Ollama), 5-panel MMVC stage (Model · AI · Module · Controller · View), translated EN/DE/JA/ES/FR content, PWA + sitemap + llms.txt + Umami analytics. - docs/design-system/: canonical mockup bundle (source/index-v2.html for splash, source/docs-system.html + preview/ for docs, SPEC.md, tokens). - docs/scripts/extraction/framework-reference-v2.md: deep framework reference (~1.6k lines, file:line citations, every public factory and idiom — basis for the LoRA training corpus. - application/module/ai/: AI module with chat / embed / RAG / agent plugins, plus pdoQuery / httpGet / fileRead tools and Modelfile + smoke-test in training/. - application/module/users/: user / ACL / form-factory traits used as the reference plugin pattern for the framework docs. - application/settings/config/database/: schema + seed migrations including the AI module tables (200–203). - Form factory + autogenerator changes the framework-reference-v2 covers. Production secrets stay out: docs/.env, settings.production.ini and ai.production.ini are all gitignored (.example files are in tree). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
154 lines
8.8 KiB
JSON
154 lines
8.8 KiB
JSON
{
|
|
"$schema": "https://design-tokens.github.io/community-group/format/",
|
|
"name": "Nibiru Design System",
|
|
"version": "4.0.0",
|
|
"description": "Cosmos — dark-first AI-framework brand. Magenta-amber-blue nebula on a deep-space body, all-sans (Inter Tight body + display) + JetBrains Mono. Light paper surfaces available via .alt sections for content-heavy reading.",
|
|
|
|
"color": {
|
|
"void": { "$value": "#06030f", "$type": "color", "$description": "Deepest. Used for chat / code panes." },
|
|
"space": { "$value": "#0a0414", "$type": "color", "$description": "Page background. The site lives here." },
|
|
"night": { "$value": "#120825", "$type": "color", "$description": "Card / panel surface on dark." },
|
|
"plum": { "$value": "#1c0f3a", "$type": "color", "$description": "MMVC-stage glow base." },
|
|
|
|
"nebulaMag": { "$value": "#b86bff", "$type": "color", "$description": "Primary brand — electric magenta. Replaces v3 iris." },
|
|
"nebulaBlue": { "$value": "#5b8dff", "$type": "color", "$description": "Cool counterpoint. Replaces v3 skyfall." },
|
|
"nebulaAmber": { "$value": "#ffb574", "$type": "color", "$description": "Warm accent. Replaces v3 aurum." },
|
|
|
|
"iris": { "$value": "#b86bff", "$type": "color" },
|
|
"irisDeep": { "$value": "#8a3fd0", "$type": "color" },
|
|
"irisSoft": { "$value": "#d4b4ff", "$type": "color" },
|
|
"skyfall": { "$value": "#5b8dff", "$type": "color" },
|
|
"skyfallDeep": { "$value": "#3a6ad0", "$type": "color" },
|
|
"skyfallSoft": { "$value": "#a8c0ff", "$type": "color" },
|
|
"aurum": { "$value": "#ffb574", "$type": "color" },
|
|
|
|
"star": { "$value": "#f4eedb", "$type": "color", "$description": "Body text on dark surfaces. Also used as light paper." },
|
|
"paper": { "$value": "#f4eedb", "$type": "color", "$description": "Light surface for .alt sections." },
|
|
"paper2": { "$value": "#ebe3c8", "$type": "color" },
|
|
"mist": { "$value": "#f8f3e2", "$type": "color" },
|
|
"lavender": { "$value": "#ece6f3", "$type": "color" },
|
|
"lavenderDeep": { "$value": "#ddd3eb", "$type": "color" },
|
|
|
|
"ink": { "$value": "#0a0414", "$type": "color", "$description": "Text on light. Same as space — deliberate." },
|
|
"ink2": { "$value": "#2a2438", "$type": "color" },
|
|
"inkDeep": { "$value": "#06030f", "$type": "color" },
|
|
"inkFaint": { "$value": "#6e6680", "$type": "color" },
|
|
"muted": { "$value": "#6e6680", "$type": "color" },
|
|
|
|
"success": { "$value": "#7ad6a3", "$type": "color" },
|
|
"rose": { "$value": "#ff8a9d", "$type": "color" },
|
|
"moss": { "$value": "#94a96e", "$type": "color" }
|
|
},
|
|
|
|
"line": {
|
|
"default": { "$value": "rgba(244, 238, 219, 0.12)", "$type": "color", "$description": "Hairline on dark." },
|
|
"strong": { "$value": "rgba(244, 238, 219, 0.28)", "$type": "color", "$description": "Hover / focus on dark." },
|
|
"light": { "$value": "rgba(20, 4, 30, 0.10)", "$type": "color", "$description": "Hairline on light." },
|
|
"lightStrong": { "$value": "rgba(20, 4, 30, 0.18)", "$type": "color" },
|
|
"grid": { "$value": "rgba(244, 238, 219, 0.04)", "$type": "color", "$description": "Faint grid overlay." }
|
|
},
|
|
|
|
"code": {
|
|
"bg": { "$value": "#050208", "$type": "color" },
|
|
"line": { "$value": "rgba(244, 238, 219, 0.08)", "$type": "color" },
|
|
"text": { "$value": "#f4eedb", "$type": "color" },
|
|
"mute": { "$value": "#6e6680", "$type": "color" }
|
|
},
|
|
|
|
"gradient": {
|
|
"headline": { "$value": "linear-gradient(110deg, #ffb574 0%, #b86bff 50%, #5b8dff 100%)", "$type": "gradient", "$description": "Hero accent <em> — amber→magenta→blue." },
|
|
"accent": { "$value": "linear-gradient(110deg, #ffb574, #b86bff 70%)", "$type": "gradient", "$description": "Section title accent on dark." },
|
|
"accentLight": { "$value": "linear-gradient(110deg, #b46500, #5b1f9e 70%)", "$type": "gradient", "$description": "Section title accent on light (.alt)." },
|
|
"irisToSky": { "$value": "linear-gradient(135deg, #b86bff 0%, #5b8dff 100%)", "$type": "gradient" },
|
|
"nebula": { "$value": "radial-gradient(120% 90% at 50% 20%, #2a2156 0%, #1a1442 24%, #0e0a2a 52%, #06050f 82%), linear-gradient(180deg, #06050f 0%, #07060f 100%)", "$type": "gradient" },
|
|
"mmvcStage": { "$value": "radial-gradient(ellipse at 50% 50%, #1c0f3a, #0a0414 60%)", "$type": "gradient" },
|
|
"lotusWash": { "$value": "radial-gradient(ellipse 80% 50% at 0% 0%, rgba(184,107,255,0.10), transparent 60%), radial-gradient(ellipse 60% 40% at 100% 0%, rgba(91,141,255,0.10), transparent 60%)", "$type": "gradient" }
|
|
},
|
|
|
|
"shadow": {
|
|
"sm": { "$value": "0 1px 2px rgba(0, 0, 0, 0.20)", "$type": "shadow" },
|
|
"md": { "$value": "0 8px 24px -8px rgba(0, 0, 0, 0.40)", "$type": "shadow" },
|
|
"lg": { "$value": "0 30px 60px -30px rgba(0, 0, 0, 0.7)", "$type": "shadow" },
|
|
"xl": { "$value": "0 60px 120px -40px rgba(0, 0, 0, 0.7)", "$type": "shadow" },
|
|
"cosmos": { "$value": "0 60px 120px -40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(184, 107, 255, 0.06) inset", "$type": "shadow" },
|
|
"glowMag": { "$value": "0 0 24px rgba(184, 107, 255, 0.45)", "$type": "shadow" },
|
|
"glowAmber":{ "$value": "0 0 24px rgba(255, 181, 116, 0.45)", "$type": "shadow" },
|
|
"glowBlue": { "$value": "0 0 24px rgba(91, 141, 255, 0.45)", "$type": "shadow" }
|
|
},
|
|
|
|
"font": {
|
|
"text": { "$value": "'Inter Tight', ui-sans-serif, system-ui, -apple-system, sans-serif", "$type": "fontFamily" },
|
|
"display": { "$value": "'Inter Tight', ui-sans-serif, system-ui, sans-serif", "$type": "fontFamily" },
|
|
"mono": { "$value": "'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace", "$type": "fontFamily" }
|
|
},
|
|
|
|
"weight": {
|
|
"light": { "$value": 300, "$type": "fontWeight" },
|
|
"regular": { "$value": 400, "$type": "fontWeight" },
|
|
"medium": { "$value": 500, "$type": "fontWeight" },
|
|
"semibold": { "$value": 600, "$type": "fontWeight" },
|
|
"bold": { "$value": 700, "$type": "fontWeight" }
|
|
},
|
|
|
|
"letterSpacing": {
|
|
"display": { "$value": "-0.04em", "$type": "dimension" },
|
|
"heading": { "$value": "-0.03em", "$type": "dimension" },
|
|
"body": { "$value": "-0.005em", "$type": "dimension" },
|
|
"mono": { "$value": "0.04em", "$type": "dimension" },
|
|
"label": { "$value": "0.10em", "$type": "dimension" },
|
|
"eyebrow": { "$value": "0.18em", "$type": "dimension" }
|
|
},
|
|
|
|
"fontSize": {
|
|
"xs": { "$value": "0.69rem", "$type": "dimension" },
|
|
"sm": { "$value": "0.81rem", "$type": "dimension" },
|
|
"md": { "$value": "0.875rem", "$type": "dimension" },
|
|
"base": { "$value": "1rem", "$type": "dimension" },
|
|
"lg": { "$value": "1.125rem", "$type": "dimension" },
|
|
"xl": { "$value": "1.25rem", "$type": "dimension" },
|
|
"2xl": { "$value": "1.5rem", "$type": "dimension" },
|
|
"3xl": { "$value": "2rem", "$type": "dimension" },
|
|
"section": { "$value": "clamp(2.5rem, 4vw + 0.5rem, 5rem)", "$type": "dimension" },
|
|
"hero": { "$value": "clamp(3.5rem, 7vw + 0.5rem, 7.75rem)", "$type": "dimension" }
|
|
},
|
|
|
|
"radius": {
|
|
"sm": { "$value": "6px", "$type": "dimension" },
|
|
"md": { "$value": "10px", "$type": "dimension" },
|
|
"lg": { "$value": "14px", "$type": "dimension" },
|
|
"xl": { "$value": "18px", "$type": "dimension" },
|
|
"2xl": { "$value": "22px", "$type": "dimension" },
|
|
"pill": { "$value": "999px", "$type": "dimension" }
|
|
},
|
|
|
|
"space": {
|
|
"0": { "$value": "0", "$type": "dimension" },
|
|
"1": { "$value": "0.25rem", "$type": "dimension" },
|
|
"2": { "$value": "0.5rem", "$type": "dimension" },
|
|
"3": { "$value": "0.75rem", "$type": "dimension" },
|
|
"4": { "$value": "1rem", "$type": "dimension" },
|
|
"5": { "$value": "1.5rem", "$type": "dimension" },
|
|
"6": { "$value": "2rem", "$type": "dimension" },
|
|
"8": { "$value": "3rem", "$type": "dimension" },
|
|
"10": { "$value": "4rem", "$type": "dimension" },
|
|
"12": { "$value": "6rem", "$type": "dimension" },
|
|
"section": { "$value": "10rem", "$type": "dimension" },
|
|
"container":{ "$value": "1280px", "$type": "dimension" },
|
|
"content": { "$value": "50rem", "$type": "dimension" }
|
|
},
|
|
|
|
"motion": {
|
|
"fast": { "$value": "160ms", "$type": "duration" },
|
|
"normal": { "$value": "240ms", "$type": "duration" },
|
|
"slow": { "$value": "500ms", "$type": "duration" },
|
|
"pulse": { "$value": "2.4s", "$type": "duration" },
|
|
"blink": { "$value": "1s", "$type": "duration" },
|
|
"breathe": { "$value": "18s", "$type": "duration" }
|
|
},
|
|
|
|
"ease": {
|
|
"out": { "$value": "cubic-bezier(0.2, 0.7, 0.2, 1)", "$type": "cubicBezier" },
|
|
"spring": { "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)", "$type": "cubicBezier" }
|
|
}
|
|
}
|