Color Change — Interactive Shape-Morphing Section

FORME is an interactive section that pairs bold typography with organic shapes and a refined color palette. Five menu options—Discover, Imagine, Build, Play, and Evolve—each reveal their own headline, paragraph, and visual mood.

Every selection triggers a coordinated transition: shapes morph and drift, background colors shift, and new text fades into view. Difference blending changes the text color as shapes pass behind it, creating a distinctive layered effect.

The one-shot prompt includes the complete HTML, CSS, and JavaScript, along with precise layout, responsive, and animation specifications. The section uses Canvas 2D and system fonts, with no external libraries, image downloads, or backend required.

Features include:

- Five distinct content and color states

- Fluid shape morphing that responds smoothly to rapid clicks

- Animated text transitions and subtle continuous movement

- Responsive layouts for desktop, tablet, and mobile

- Keyboard navigation, visible focus states, and reduced-motion support

A strong fit for creative studios, portfolios, agency websites, and experimental brand experiences.