showcase · marketing · visual-experience
Palette Morph Product Hero
DRAFTA product hero whose palette rewrites the whole environment, not one accent.
TapKeyboardCSS motionWarm Product
Palette-controlled environment
Field lantern
A warm night stage. Atmosphere shifts with the clay, not a single accent chip.
390px · narrowlight themecomfortablefull motioncatalog shows a poster; this stage is the live implementation
Four named palettes change atmosphere, surfaces, and the generated product object together. Contrast is authored per palette.
- Use when
- cinematic product hero controlled by a palette
- A landing stage should morph environment with color
- Avoid when
- Theme switching that only flips data-theme on a static layout
- Visual style
- Warm Product
- States
- default, selected, focus-visible, narrow/mobile, reduced-motion
- Maturity
- DRAFT · v0.1.0 · builtin. Nothing is promoted automatically.
- Themes
- default, dark