Severity: Low-Medium
Two related design-system inconsistencies:
Divergent accents. No single accent source of truth: core UI uses --accent #2B61FF (Tailwind token); the batch modal + components/batch/* hardcode oklch(0.6 0.2 250) inline (BatchBuilderModal.tsx ~L226, L491; BatchPromptsTab.tsx ~L271; BatchAnimateTab.tsx ~L282); onboarding (FirstRunSetup.tsx, PythonSetup.tsx) is entirely inline styles with a third blue #194DF9. Collapse batch + onboarding onto the semantic accent/surface tokens.
Inter not loaded. tailwind.config.js (~L10) sets font-sans: ['Inter', …], but frontend/index.css (~L44) forces body { font-family: -apple-system, … } and there is no @font-face/import for Inter anywhere — the app renders in the system stack, not Inter. Either self-host Inter and apply font-sans to the body, or drop the Inter claim.
Border radius. tailwind.config.js (~L59-63) defines lg:0.75rem/md:0.5rem/sm:0.25rem — none is the mandated 0.625rem (10px); usage mixes rounded-md/lg/xl freely. Standardize the default card radius to 10px.
Severity: Low-Medium
Two related design-system inconsistencies:
Divergent accents. No single accent source of truth: core UI uses
--accent #2B61FF(Tailwind token); the batch modal +components/batch/*hardcodeoklch(0.6 0.2 250)inline (BatchBuilderModal.tsx~L226, L491;BatchPromptsTab.tsx~L271;BatchAnimateTab.tsx~L282); onboarding (FirstRunSetup.tsx,PythonSetup.tsx) is entirely inline styles with a third blue#194DF9. Collapse batch + onboarding onto the semanticaccent/surfacetokens.Inter not loaded.
tailwind.config.js(~L10) setsfont-sans: ['Inter', …], butfrontend/index.css(~L44) forcesbody { font-family: -apple-system, … }and there is no@font-face/import for Inter anywhere — the app renders in the system stack, not Inter. Either self-host Inter and applyfont-sansto the body, or drop the Inter claim.Border radius.
tailwind.config.js(~L59-63) defineslg:0.75rem/md:0.5rem/sm:0.25rem— none is the mandated0.625rem(10px); usage mixesrounded-md/lg/xlfreely. Standardize the default card radius to 10px.