Convention Card List Screens for Web3 Bridge Platform

🔮 Bridge Champ – Convention Card Manager (Responsive Web & Mobile UI)

Continuing the visual identity I crafted for Bridge Champ, this screen focuses on one of the most essential tools for serious bridge players: Convention Cards.

These help partners communicate strategies and play styles. I designed a clean, intuitive interface to manage both template cards and personal cards, while keeping functionality accessible across both desktop and mobile.

🎨 Visual System I followed the established brand design guidelines:

• Color Palette: Deep purples, neon greens, and subtle gradients for a modern, game-tech feel

• Fonts: Modern geometric sans fonts to ensure high legibility

• UI Language: Rounded cards, subtle shadows, and smooth iconography to keep the platform feeling both playful and premium

📱 Responsive Design All interactions are thoughtfully adapted to mobile. Navigation condenses into a bottom tab menu while maintaining access to core functions like editing, sharing, and deleting cards.

🎯 Highlights

• Custom icons for visibility, lock, share, and delete

• “Create New” CTA for adding personal convention cards

• Avatar and tag system to show partners and card types

• Tabbed navigation (General Info, Bridge Info, Badges, Convention Cards)

This interface is part of an evolving design system built for serious bridge players in the Web3 era. 🧠♠️Enter your text here...