Emotional States Color Grid UI

Grid layout with thin white gutters between panels and a subtle white border enclosing the composition. Clean, modern UI card aesthetic with slightly rounded corners on every tile. Panel 1: [Joyful (Yellow)]. Warm yellow gradient background. Subject with arms raised overhead, eyes shut in a wide open laugh, dynamic high-energy pose. Panel 2: [Shocked (Blue)]. Cool blue gradient background. Both hands cupping cheeks, eyes wide, mouth agape, eyebrows arched high. Panel 3: [Stern (Red)]. Solid red background. Arms crossed over chest, brows furrowed, lips pressed tight, wearing a dark hoodie. Panel 4: Affectionate (Pink). Soft pink gradient background. Cradling a small brown puppy with a gentle, tender smile, wearing a cozy knit sweater. Panel 5: Confident (Purple). Purple gradient background. One hand on hip, subtle smirk, wearing a graphic tee in an easy, poised posture. Panel 6: Approving (Green). Green gradient background. Wearing a baseball cap and denim jacket, giving a thumbs-up with a warm, relaxed smile. Panel 7: Melancholy (Gray). Muted gray gradient background. Gaze directed downward, inner brows slightly lifted, lips subtly down-turned.