Cascade

74 themes · pick one, play with its defaults, paste the prompt to persist.

American Highway

Sodium-lit diner at 3am

group: americana mode: dark

Environment ● changed Scene hue + pixel-art backdrop. Tints the palette; the backdrop shows behind lessons.Chrome ● changed Card chrome — fill, blur, border. Drives the cards below.Shape ● changed Corner radius + bevel. Watch the card corners.Lighting ● changed Shadow & glow model — elevation depth + rim light. The lit row below.Rhythm ● changed Type-scale ratio + spacing grid. The text block below.Filter ● changed Photographic colour grade over the scene backdrop (the whole-page wash).

Palette · grade + environment

background

surface

primary

accent

info

success

warning

danger

Surface · + shape · theme

Default surface card Fill, border, radius, shadow and blur all resolve from the selected surface × shape. Primary link →

Stat 87% + accent token

Action card

Lighting · theme

elev 1

rest

elev 3

raised

elev 5

floating

rim

rim light

Rhythm · theme

The quick brown fox

Body copy at the rhythm's base size, line-height and reading measure. Switch rhythm to feel the type scale and spacing grid change — compact-UI tightens, dramatic opens it right up.

environment: —surface: —shape: —lighting: —rhythm: —filter: —

Claude prompt auto-updates as you tweak

Intent

Theme "american-highway" — t0_theme_cascade.h1_aesthetic_themes (slug = "american-highway", group "americana", mode dark).

Aesthetic defaults (only the ← changed rows need writing):
- default_environment_slug   = "(null)"   ← changed from "clean"
- default_chrome_slug        = "(null)"   ← changed from "clean"
- shape_slug                 = "(null)"   ← changed from "material"
- lighting_slug              = "(null)"   ← changed from "low-key"
- rhythm_slug                = "(null)"   ← changed from "editorial"
- filter_slug                = "(null)"   ← changed from "none"

Apply with a targeted UPDATE on the row (or /aesthetic-absorb world american-highway), then regenerate the compositor — pnpm --filter @kino/visuals build-stage — so the theme's baked [data-grade] grammar picks up the new defaults.