Product Card — Refined Design Preview

Chosen direction: Corner ribbon badges (Solar Yellow) for featured plans. Dot-separated tags for clean information on all cards. Desktop cards with business (indigo/navy) vs. residential (white/green) color differentiation.

Featured Card

322px wide · ribbon vs. bookmark badge · dot-separated tags

Badge option A: Corner ribbon (wider, shallower angle). Badge option B: Bookmark pennant (top-left). Shown side by side for comparison. Tags: Dot-separated, no tier labels.

Mobile Card

322px wide · no badges · dot-separated tags

Same layout as Featured — standard border & shadow, no ribbon badge. Same width and height as featured cards for visual consistency.

Desktop Card — Color Panel

full-width · colored accent panel · business vs. residential

Top row: Logo + plan name + pills (no supplier text, no tier label). Business: Navy panel + yellow CTA. Residential: Electric blue panel + black CTA. Green plans (>60% renewable): Green panel variant. Alternating: Sand / cream card backgrounds.