Files
Abdul WahabandGitHub 6163ca0529 Add Svelte-native live mode adapter (#179)
* Fix live preview state for framework components

* Complete stateful live preview coverage

* Record Svelte manual validation

* Fix Svelte live mode adapter

* Fix live Steer apply flow

* Fix Svelte live variant refresh recovery

* Fix live exit bar teardown

* Consolidate Svelte live DeepSeek sweep

* Reconcile Svelte live browser after main rebase

* Fix live accept review regressions

* Fix carbonize column-zero indentation

* Fix live poll lease expiry flake

* Fix Svelte shader preview capture
2026-06-02 00:08:57 -07:00

1.0 KiB

name, description, colors, typography, rounded
name description colors typography rounded
Stateful Expense System A compact household expense tracker with calm green surfaces and crisp financial controls.
forest moss paper ink
#102923 #9bbfad #f8fbf8 #142720
display body
fontFamily fontWeight lineHeight
ui-sans-serif, system-ui, sans-serif 700 1
fontFamily fontWeight lineHeight
ui-sans-serif, system-ui, sans-serif 400 1.5
sm md lg
6px 14px 28px

Design System: Stateful Expense System

1. Overview

This fixture uses quiet household-finance surfaces: deep green page chrome, moss panels, paper controls, and compact readable type.

2. Color

Use forest for page backgrounds, moss for large panels, paper for controls, and ink for readable foreground text.

3. Typography

Use system UI text with clear weight contrast. Headings should stay compact and operational.

4. Components

Primary buttons use paper surfaces, pill geometry, and bold labels. Expense rows use a light translucent card surface.