Turn Indicator — Design Options

Alternatives to the big green "Your Defensive Turn" banner. All shown with the compact Defense card below.

Current Design

~80px green banner above the card. Redundant — the card already implies it's your turn.

Your Defensive Turn

Set your defensive positioning and strategy

🧤 Defense

Infield
Hold

Option A: Green Left Accent

No separate banner. A green left border on the card itself signals "action needed". Saves ~84px of vertical space.

🧤 Defense

Infield
Hold

Option B: Pulsing Dot + Badge

A small pulsing green dot and "Your Turn" pill badge integrated into the card header. Draws attention without a full banner.

🧤 Defense

Your Turn
Infield
Hold

Option C: Animated Top Border

A thin animated green shimmer along the top edge of the card. Subtle but eye-catching. No extra text.

🧤 Defense

Infield
Hold

Option D: Left Accent + Badge

Combines the green left border with the "Your Turn" badge. Maximum clarity without a separate component.

🧤 Defense

Your Turn
Infield
Hold

Option E: Glowing Ring

The entire card gets a subtle green glow/ring. Clearly "active" vs the other cards on screen without any extra text or elements.

🧤 Defense

Infield
Hold

Contrast: Opponent's Turn

For comparison — what the waiting state looks like when it's NOT your turn. The contrast makes the green treatments above stand out.

Waiting for Opponent