{"system":{"name":"ds-solo-shape","subtitle":"solo-shape Design System","version":"5.0.0-rc.2","host":"https://ds.soloshape.com","consumers":[{"host":"https://ds.mycongregation.app","status":"planned"}]},"motion":{"id":"motion","label":"Motion","status":"approved","dataAttribute":"data-ss-motion","storageKey":"ss-motion","defaultTierId":"smooth","tiers":[{"id":"fast","label":"Fast","blurb":"Almost no motion — lightning-fast, motion just confirms & leaves."},{"id":"smooth","label":"Smooth","blurb":"The anchor. Buttery, generous but never sluggish. The locked default."},{"id":"calm","label":"Calm","blurb":"Unhurried — generous glides, a quieter and more deliberate pace."}]},"axes":[{"id":"density","label":"Density","blurb":"Spacing scale multiplier — how tightly the UI packs. Compact suits information-dense rows and dashboards; Airy suits reading-first surfaces and phone widths.","dataAttribute":"data-ss-density","status":"proposed","storageKey":"ss-axis-density","changeEvent":"densitymodechange","defaultTierId":"standard","tiers":[{"id":"compact","label":"Compact","blurb":"Tighter rhythm — roughly 0.75× the standard spacing scale.","values":{"--ss-space-05":"1px","--ss-space-1":"3px","--ss-space-15":"4px","--ss-space-2":"6px","--ss-space-3":"9px","--ss-space-4":"12px","--ss-space-5":"15px","--ss-space-6":"18px","--ss-space-8":"24px","--ss-space-10":"30px","--ss-space-12":"36px","--ss-space-16":"48px"}},{"id":"standard","label":"Standard","blurb":"The anchor — the default spacing scale. No overrides.","values":{}},{"id":"airy","label":"Airy","blurb":"Roomier rhythm — roughly 1.25× the standard spacing scale.","values":{"--ss-space-05":"3px","--ss-space-1":"5px","--ss-space-15":"8px","--ss-space-2":"10px","--ss-space-3":"15px","--ss-space-4":"20px","--ss-space-5":"25px","--ss-space-6":"30px","--ss-space-8":"40px","--ss-space-10":"50px","--ss-space-12":"60px","--ss-space-16":"80px"}}]},{"id":"weight","label":"Weight","blurb":"Border and divider stroke weight — how \"structural\" the UI feels. Hairline reads as glass; Bold reads as bureaucratic-precision.","dataAttribute":"data-ss-weight","status":"proposed","storageKey":"ss-axis-weight","changeEvent":"weightmodechange","defaultTierId":"standard","tiers":[{"id":"hairline","label":"Hairline","blurb":"Half-pixel borders where the device supports it; thinner focus ring.","values":{"--ss-border-width":"0.5px","--ss-border-width-focus":"1.5px"}},{"id":"standard","label":"Standard","blurb":"The anchor — 1px hairline, 2px focus. No overrides.","values":{}},{"id":"bold","label":"Bold","blurb":"Heavier structural strokes; a thicker focus ring for high-contrast a11y.","values":{"--ss-border-width":"1.5px","--ss-border-width-focus":"3px"}}]},{"id":"radius","label":"Radius","blurb":"Corner rounding across every surface. Sharp reads more architectural / print-y; Round reads more toylike / iOS-y.","dataAttribute":"data-ss-radius","status":"proposed","storageKey":"ss-axis-radius","changeEvent":"radiusmodechange","defaultTierId":"soft","tiers":[{"id":"sharp","label":"Sharp","blurb":"Tighter corners; the UI reads flatter and more editorial.","values":{"--ss-radius-xs":"2px","--ss-radius-sm":"4px","--ss-radius-md":"6px","--ss-radius-lg":"10px"}},{"id":"soft","label":"Soft","blurb":"The anchor — the V2 softened radius scale. No overrides.","values":{}},{"id":"round","label":"Round","blurb":"Rounder corners across chips, cards, panels; pill radius unchanged.","values":{"--ss-radius-xs":"8px","--ss-radius-sm":"16px","--ss-radius-md":"22px","--ss-radius-lg":"32px"}}]},{"id":"elevation","label":"Elevation","blurb":"Shadow depth and layering emphasis. Flat leans on borders alone; Deep leans harder on shadow for floating surfaces.","dataAttribute":"data-ss-elevation","status":"proposed","storageKey":"ss-axis-elevation","changeEvent":"elevationmodechange","defaultTierId":"subtle","tiers":[{"id":"flat","label":"Flat","blurb":"Shadows removed; overlay depth conveyed by borders and glass alone.","values":{"--ss-shadow-sm":"none","--ss-shadow-md":"none","--ss-shadow-pop":"0 2px 8px rgba(24,24,24,0.08)","--ss-glass-shadow":"none"}},{"id":"subtle","label":"Subtle","blurb":"The anchor — the default shadow scale. No overrides.","values":{}},{"id":"deep","label":"Deep","blurb":"Stronger shadow scale — every floating surface reads noticeably raised.","values":{"--ss-shadow-sm":"0 2px 4px rgba(24,24,24,0.10)","--ss-shadow-md":"0 6px 18px rgba(24,24,24,0.18)","--ss-shadow-pop":"0 16px 44px rgba(24,24,24,0.24)"}}]},{"id":"contrast","label":"Contrast","blurb":"Ink / surface / border contrast steps. Quiet reads calmer; Vivid pushes harder for outdoor / accessibility / print-heavy contexts. Accent hues stay theme-controlled and are NOT touched by this axis.","dataAttribute":"data-ss-contrast","status":"proposed","storageKey":"ss-axis-contrast","changeEvent":"contrastmodechange","defaultTierId":"standard","tiers":[{"id":"quiet","label":"Quiet","blurb":"Ink ramp softened; borders eased. Reads calmer, better for long reading surfaces.","values":{"--ss-color-ink-900":"#303030","--ss-color-ink-700":"#5A5A5A","--ss-color-ink-500":"#747474","--ss-color-border":"#EEEEEE","--ss-color-border-strong":"#949494"}},{"id":"standard","label":"Standard","blurb":"The anchor — the default ink ramp and border palette. No overrides.","values":{}},{"id":"vivid","label":"Vivid","blurb":"Ink ramp deepened; borders emphasized. Reads punchier for accessibility / outdoor.","values":{"--ss-color-ink-900":"#050505","--ss-color-ink-700":"#303030","--ss-color-ink-500":"#5A5A5A","--ss-color-border":"#C8C8C8","--ss-color-border-strong":"#929292"}}]}]}