HealthVibe, Fitness Dashboard UI (Light & Dark Mode)

Project description

Sharing the UI exploration for HealthVibe, an AI-powered fitness tracking dashboard designed to make health data feel personal, clear, and motivating. The interface covers key wellness touchpoints — activity tracking, sleep monitoring, weight goals, daily task management, and workout scheduling — all wrapped in a clean, modern layout that works beautifully in both light and dark environments. The light mode leans into an airy, minimal feel with soft whites and bold red accents, while the dark mode deepens the experience with rich, near-black tones that make the data visualizations pop. The transition between the two was an intentional design decision — both themes share the same grid, type scale, and component system, so nothing shifts or reflows; only the atmosphere changes. Built with attention to hierarchy, spacing, and micro-details like the radial sleep gauge, the gradient activity chart, and the warm hero banner. Would love to hear your thoughts — drop a comment below! 🔴