Repository navigation
Conversation
Mirror the MoonBase Studio Design System, direction Orbit (tokens.json v2). One dark theme: surface #050004, panel, raised and line surfaces, signal #22FF86 as the accent, warning and error from the Commander theme. Space Grotesk 300/400/700 for the UI, Space Mono for labels, Lalezar only for the wordmark. New type scale (display, title, label, state, numeric-*), radius 0 everywhere, size tokens bar, control, row, bracket and key. inspectorTypography now exposes title, valueLarge, value, body and label.
BaseFrame is the Orbit block: a 1px line frame that gets signal corner brackets when active. BaseFrameBrackets is exported for cards that draw their own frame. BaseStatusBadge pairs the status dot with a mono state word, so color never carries the state alone.
Drop hardcoded #050004, #22FF86, color-mix and opacity-based disabled states. Fields become 1px line frames with mono labels, the property card gets a thin white title and brackets, the toggle and color swatch are square, popover and option group follow the frame pattern, and icon buttons hover to the signal color.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🎯 Purpose of this PR:
Moves the shared UI layer to Orbit, the direction chosen for the MoonBase Studio Design System (claude.ai artifact,
tokens.jsonv2). The same values drive the Moonbase Commander 7" screen (electronics/moonbase-commander/docs/ekran-7.md§2, CMD-49).Tokens and Tailwind
#050004, panel#121212, raised#1C1C1C, line#2A2A2A, accent = signal#22FF86, warning#E6A15C, error#E85D4C. Light and blue themes are removed.text-display,text-title,text-label,text-state,text-numeric-*), weightslight/normal/bold, every radius token is 0, size tokensbar,control,row,bracket,key.inspectorTypographykeys are nowtitle,valueLarge,value,body,label.Components
BaseFrame/BaseFrameBrackets(1px frame with signal corner brackets) andBaseStatusBadge(status dot plus a mono word).#050004/#22FF86, nocolor-mix, disabled state is dim text plus a dashed border instead of opacity.Docs:
.ai/docs/design-tokens.mdandui-design-rules.mddescribe Orbit.heading-*,special-*,standard-*), font families (roboto,inter,lalezar), weightsmedium/semiboldand the oldinspectorTypographykeys. moonbase-studio-web is migrated in Moonbase-Systems/moonbase-studio-web on branchfeat/orbit-design-system; merge this PR first, since production studio-web pulls the core layer from GitHub.✅ Checks:
nuxt typecheck, ESLint, Stylelint and Prettier pass (no unit tests in this repo). Verified in the running studio-web.